Comment faire une couverture pour un groupe VKontakte ? Le nouveau design comporte une nouvelle fonctionnalité pour les communautés : la couverture. Je vous propose plusieurs options pour une conception sympa des pages publiques sur VK. Les visiteurs seront ravis.

Salut tout le monde!
À partir de cet article, vous apprendrez comment créer une couverture pour un groupe VKontakte.
En plus de cela, je vais vous montrer quelques autres façons de concevoir des pages publiques avec chic ; d'ailleurs, de tels designs sont apparus il n'y a pas si longtemps, en général, une fonctionnalité à la mode, si vous voulez un succès cette année !
Je l'ai essayé, j'ai aimé).
Exactement à quoi ressemble le site !

Comment faire une couverture pour un groupe VKontakte

Amis, montrons d’abord à quoi ressemble la couverture de la communauté VKontakte.


J'ai montré un exemple de photos de mon blog.
À propos, c'est une caractéristique d'un nouveau contact).
En général, comme on peut le dire, tout est nouveau, ancien oublié depuis longtemps.
Ce que je veux dire, c'est que c'est le sujet sur Twitter.
Pour moi, ça a l'air correct.
Oui, il y a beaucoup de mises à jour sur ce réseau social...
Bien qu'au début, beaucoup aient critiqué le nouveau design, y compris moi
Nous avons essayé de remplacer le design par l'ancien), mais au début, c'était assez gênant.
J'ai même écrit un article à cette occasion).
Au début, tout fonctionnait, mais maintenant les gars, vous ne pouvez plus passer à l'ancien.
Bien que les gens aient déjà créé de nombreux plugins et extensions différents.
Certes, il ne ressemblera pas à l'ancien VK, vous ne pouvez que le rendre similaire.
Mais! Les amis, pour les nombreuses nouveautés, je tire mon chapeau aux admins de VK ! Amis, des paroles aux actes.
Vous voulez probablement savoir comment faire une couverture pour un groupe VK ?
Si je vous dis comment faire, cela vous prendra beaucoup de temps).
Pour commencer, vous devez sélectionner une image.
je te conseille d'y aller ici
Suivez le lien.

tailles de couverture pour le groupe VKontakte

Tailles de couverture pour le groupe VKontakte
Taille recommandée : 1590x400.
Taille minimale : 795×200
Cliquez sur la taille. Étape suivante, définissez les dimensions : 1500×400
Tout est comme dans la capture d'écran ci-dessous :


Après le choix, une question logique se pose : comment mettre une couverture dans un groupe VK ?
Entrez en contact avec votre communauté.
Tout d’abord, mettez un avatar si vous n’en avez pas encore !
Puisque la couverture n'est pas affichée dans l'Ava, vous aurez de telles bêtises).

Suivant.
Cliquez sur les 3 points, dans l'onglet qui s'ouvre, sélectionnez : « gestion de communauté »

Puis dans la fenêtre qui s'ouvre, « télécharger »


Après la sélection et le chargement, faites pivoter l'image à votre guise).


On peut finir ici... mais !
Rappelez-vous qu'au début de cet article, je vous avais promis un design public sympa, plusieurs options ?)
Voici un aperçu de comment vous pouvez l'organiser autrement.


C'est ainsi que cela se faisait dans une de mes communautés).
Je l'ai fait via Photoshop.
Malheureusement, l'article sur la conception d'un tel plan n'est pas encore prêt, je l'écrirai bientôt).
Pour les paresseux, je peux vous faire un tel plan, en conséquence je sélectionnerai le design pour vous en fonction du sujet).
Coûte 500 roubles.
Écrivez dans un message personnel ou dans les commentaires.
Qu'y a-t-il d'autre d'intéressant dans VK ?

Nouvelles puces de contact

J'ai aimé
La fonctionnalité se trouve directement sur VKontakte.
Il s’agit essentiellement d’un Photoshop recadré).
Vous pouvez modifier des photos, écrire dessus, définir des émoticônes ou refaire la photo de quelqu'un.
En général, c'est drôle).
Autre chose intéressante. Très proche de notre sujet, ou plutôt de la promotion communautaire.

Le fait est que vous créez un concours, connectez un programme gratuit et il détermine automatiquement le gagnant.
Avec cette astuce, vous pouvez augmenter considérablement le nombre d’abonnés.
Dans l'article, je parle également des communautés dans lesquelles vous pouvez faire de la publicité pour une somme d'argent presque symbolique.

Si nous parlons du design, en fait les gars, c’est très important maintenant.
Comme on dit, on rencontre quelqu'un par ses vêtements.
J'ai remarqué cette chose dans mon groupe.
Après la mise à jour du design, le nombre de conversions par rapport aux abonnés a considérablement augmenté.
Comme si, à nombre égal de transitions, les gens s'abonnaient beaucoup plus activement.
Du moins c'est comme ça pour moi.

Je vous conseille de faire de même dans le menu en public.

Organisez régulièrement des compétitions.
Cela aide beaucoup sous forme de likes et de republications.
Pourquoi est-ce nécessaire ?
Vous voyez, il existe désormais une tonne de groupes sur n’importe quel sujet.
Si vous êtes millionnaire, c’est plus facile pour vous.
Eh bien, sinon, pourquoi l'utilisateur devrait-il passer du temps avec vous ?
L'instinct grégaire n'a pas été annulé).
Là où il y a plus d’abonnés, les gens y vont.
Vous ne pourrez plus tout gâcher).
C'était possible avant, maintenant, ne serait-ce qu'un peu).
En général, commencez correctement dès le début, évaluez la concurrence.
J'ai un article sur ce sujet.

Il n'y a qu'une seule issue : intéresser le lecteur.
Utilisez des concours et des cadeaux pour les attirer.
Je t'ai donné une pilule contre les maux de tête, étudie).

Mes amis, il existe encore de nombreuses fonctionnalités différentes.
On ne peut pas tout dire dans un seul article.
Intéressant, lisez ce blog, je photographie tout dedans).

Si vous avez des questions, écrivez dans les commentaires.
Je répondrai toujours.
C'est tout, au revoir tout le monde !

Un beau design de la communauté VKontakte n'est pas un caprice, mais un élément important qui renforce la confiance des utilisateurs en vous et en votre entreprise. Si une page ou un groupe public est conçu de manière non 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 cela ? Lisez ci-dessous.

Tailles actuelles des images VKontakte

Il y a quelque temps, les développeurs du réseau social VKontakte ont lancé un nouveau design. Cela a conduit à des changements dans la taille et les principes d'affichage des images. Le mémo, qui sera donné ci-dessous, correspond à toutes les innovations et contient les tailles pertinentes pour le moment.

Rentrons maintenant plus en détail sur chaque point.

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 une erreur comme celle-ci :

La taille maximale de l'avatar est de 200 x 500 pixels. Mais en principe, vous pouvez télécharger des images plus grandes – jusqu’à 7 000 pixels de chaque côté. L'essentiel est que le rapport hauteur/largeur ne dépasse pas 2 à 5.

Je vais vous montrer avec un exemple.

J'ai une image. Sa taille : 200 par 800 pixels (rapport 2 à 8). Il n'y a aucune erreur 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 couverture de la version complète du site est de 1590 x 400 pixels.

Attention : dans la version mobile et les applications, ce n'est pas la version complète de la couverture qui est affichée, mais seulement une partie de celle-ci mesurant 1196 par 400 pixels. Découvrez comment il est recadré dans l'application mobile :

Pour éviter que cela ne se produise, positionnez les principaux éléments de votre couverture dans une plage de 1196 x 400 pixels.

Images jointes

Dans la conception mise à jour de Contact, la largeur du fil d'actualité est devenue fixe. Cela signifie que les images jointes à la publication ne sont plus étirées, mais restent telles quelles. Par conséquent, si vous souhaitez que votre image occupe tout son espace 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 avec un exemple.

Disons que nous avons une image de forme carrée avec des côtés de 510 pixels. Si nous le joignons à notre message, il apparaîtra 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 constater, plus l’image est étroite (en hauteur), plus elle paraît petite dans le flux du smartphone. Pour voir cela, regardez l'image ci-dessous :

Il est clair que la différence ici n'est pas particulièrement critique, et les utilisateurs de smartphones regarderont toujours votre image, c'est juste que dans le second cas ils seront un peu plus à l'aise.

Images pour les articles avec des liens

Toutes ces données proviennent du code de balisage Open Graph :

Si Open Graph n'est pas spécifié, le titre est extrait de la balise méta Title et l'image de l'article. En même temps, vous pouvez facilement la modifier - ou sélectionner une autre image dans l'article à l'aide de flèches spéciales :

Ou téléchargez le vôtre :

La taille minimale d'une image que vous pouvez utiliser comme annonce pour votre article est de 537 x 240 pixels. Cependant, vous pouvez télécharger des images plus grandes tant que les proportions sont conservées.

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

La taille de l'image de la couverture d'un article créé dans l'éditeur est de 510 x 286 pixels. Il est préférable qu'il soit de couleur sombre et plus ou moins monochrome, puisque le nom de l'article et de la communauté se perd sur un fond clair.

Bon exemple :

Ce n'est pas un très bon exemple :

Taille des photos et des vidéos pour les histoires

La taille des photos est de 1 080 x 1 920 pixels. La taille de la vidéo est de 720 x 1 280 pixels.

Spécifications techniques 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.

Attention : les histoires au nom des communautés ne peuvent actuellement être ajoutées que par les grandes communautés pour lesquelles les développeurs de VKontakte ont ouvert cette fonction. Et cela se fait en utilisant l'application officielle. Cela ne peut pas être fait depuis un ordinateur.

Taille de la couverture de l'album photo

Taille de l'image vidéo

1280 par 720 pixels.

Page wiki

La largeur de la zone de contenu d'une page wiki est de 607 pixels. Si vous téléchargez une image plus grande, elle sera automatiquement téléchargée avec une largeur de 400 pixels. Exemple : j'ai une image mesurant 1366 par 768. Si je l'ajoute à la page wiki, voici à quoi elle ressemblera :

Pour modifier la taille d'une image, vous devez cliquer dessus et définir les valeurs souhaitées :

Je parlerai en détail de la façon de travailler avec les pages wiki ci-dessous. Nous ne nous attarderons donc pas ici sur ce point.

Comment s'assurer que les images VKontakte ne rétrécissent pas ? L'influence de l'arrière-plan et de la taille sur la qualité de l'image.

Si vous avez déjà essayé de télécharger des images VKontakte (peu importe qu'il s'agisse d'une photo d'avatar ou simplement d'une photo de votre voyage), vous savez probablement déjà qu'elles ont tendance à rétrécir. Ceci est particulièrement visible sur un fond sombre (et surtout rouge) et lorsque l'image n'est pas trop grande. Exemple:

Comment s'assurer que la qualité des images ne se détériore pas ?

Pour éviter que l'image ne rétrécisse (ou plutôt ne rétrécisse, mais dans une bien moindre mesure), il est nécessaire de la rendre 2 à 3 fois plus grande que la taille souhaitée. Par exemple, si nous devons créer un avatar mesurant 200 x 500 pixels, nous prenons une photo mesurant 400 x 1 000 pixels. Si vous devez créer un menu d'une taille de 510 sur 400 pixels, prenez 1020 sur 800.

L'image sur fond bleu foncé, que j'ai montrée juste au-dessus, a une taille de 510 par 350. Je l'ai rendue deux fois plus grande (1020 par 700) et je l'ai enregistrée. Voici ce qui en est ressorti :

Comment résoudre ce problème ? La réponse est très simple : vous devez choisir un arrière-plan différent. Le fait est que les pixels sont mieux visibles sur un fond sombre que sur un fond clair. Par conséquent, si vous souhaitez obtenir une qualité parfaite (bien que l'image ci-dessus semble déjà tout à fait normale), vous devez modifier légèrement la palette de couleurs. Par exemple, rendez l'arrière-plan blanc et le texte bleu :

Comment concevoir un en-tête de page

L’en-tête de votre page ou groupe public est la première chose que les utilisateurs voient lorsqu’ils viennent vous rendre visite. Dans la plupart des cas, cet endroit contient un menu de navigation pour des documents publics, des articles intéressants ou des annonces importantes. Examinons des exemples de la manière dont différentes entreprises utilisent cet espace.

Couverture

Il n'y a pas si longtemps, VKontakte a introduit une mise à jour : vous pouvez désormais télécharger de grandes et belles couvertures (1 590 x 400 pixels) sur des pages. Pour ce faire, allez dans les paramètres et cliquez sur le bouton "Télécharger".

Sur la couverture, vous pouvez placer tout ce que vous voulez : du nom et de la devise de votre entreprise, à toutes sortes de promotions, offres et même concours.

Je recommande de porter une attention particulière aux possibilités d'une couverture dynamique. Lisez notre article sur son fonctionnement, à quelles fins il peut être utilisé et avec quels services il peut être installé.

Exemples de couvertures dynamiques :

Couverture + description de la communauté + lien vers le site Web

Certaines entreprises n'épinglent spécifiquement aucune publication dans l'en-tête afin que les utilisateurs aient la possibilité de lire les informations de base sur la page et d'accéder immédiatement au site.

Description avec hashtags

Certaines entreprises ajoutent des hashtags à la description standard de la page qui la caractérisent. Ceci est fait pour que la page ait une pertinence plus claire et, de ce fait, soit plus élevée dans la recherche de requêtes pertinentes. Honnêtement, je ne sais pas si cette méthode fonctionne ou non. Je n'ai vu aucun cas sur ce sujet, donc si quelqu'un le sait, je lui serais reconnaissant de partager le lien.

Article épinglé expliquant de quoi parle 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 à l'en-tête une publication wiki ou un article réalisé dans l'éditeur, avec une image lumineuse sur l'annonce qui encouragera les utilisateurs pour cliquer dessus. Un exemple d'un tel article :

Et voici ce que l'utilisateur voit après avoir cliqué sur le lien :

Le menu Groupe est ouvert

J'appelle un menu ouvert un menu qui montre immédiatement de quels éléments il se compose. Autrement dit, l'image d'annonce 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 avec un exemple.

Voici à quoi ressemble une publication épinglée dans l’en-tête de la page Flatro :

Le menu Groupe est fermé

Un menu fermé est la même publication wiki que dans le paragraphe précédent, seule l'annonce contient une image sans élément de menu. Habituellement, ils écrivent dessus : « Menu », « Menu de navigation » ou « Navigation à travers les documents publics ».

Et voici ce que l'on voit lorsqu'on clique dessus :

À propos, il convient de noter que ce sont loin d’être 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 qu'il comprenne ce qui l'attend après cela. Exemple:

Menu fusionné pour un groupe

Un menu fusionné, c'est lorsque l'image sur l'annonce de votre menu ne forme qu'une seule image avec l'avatar. Ci-dessous, je vais vous expliquer en détail comment créer un tel menu, mais pour l'instant, regardez à quel point il est beau.

GIF et avatar dans une seule image

Mais cette option de conception du chapeau m'a vraiment ravi. Le GIF lu 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.

À propos, j'ai repéré cet exemple dans le groupe du spécialiste du marketing SMM, Sergei Shmakov. Alors, je lui exprime ma gratitude pour la trouvaille :)

Menu caché

Le menu caché n'est disponible que pour les groupes (les pages n'ont pas cette fonctionnalité). Pour le voir, vous devez cliquer sur le lien approprié. L'avantage de cette méthode de conception est que les utilisateurs peuvent voir les principales informations de la communauté, et s'ils souhaitent utiliser le menu, il leur suffit d'effectuer un seul clic. Cependant, il y a ici un petit inconvénient : tous les utilisateurs ne connaissent pas l'existence de cette fonction, votre menu peut donc recevoir moins d'attention que s'il était épinglé en haut de la page.

Vidéo en lecture automatique

Fin novembre 2015, une innovation intéressante est apparue sur le réseau social VKontakte : dès qu'un utilisateur visite votre page, la vidéo attachée à l'en-tête commence à être lue automatiquement. Avec cette technique, vous pouvez attirer encore plus l'attention des utilisateurs (surtout ceux qui ont visité votre page pour la première fois), et en même temps, ne pas irriter ceux qui n'aiment pas se voir imposer leur contenu, car la vidéo joue sans son et ne gêne pratiquement pas .

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

Pour ce faire, trois conditions doivent être remplies :

• Joignez la vidéo à la publication et épinglez cette publication en haut de la communauté.
• Hormis la vidéo, rien d’autre ne doit être joint à l’enregistrement. Uniquement vidéo et texte en option.
• La vidéo doit être téléchargée sur VKontakte - les lecteurs tiers ne sont pas pris en charge.

Un post qui reçoit 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'une de vos publications les plus réussies - celle qui a déjà reçu et continue de recevoir un grand nombre de likes et de partages. Pourquoi faire cela, je pense que tout le monde comprend : plus il y a de republications, plus la portée est grande, plus la page reçoit d'abonnements.

Annonces de nouvelles vidéos, albums, événements

Présentation de nouveaux produits/services

Réductions et promotions

Cas, avis clients

Publicité des applications

Tirages

Règles de la communauté

Liens vers d'autres réseaux sociaux

Je n'ai pas répertorié toutes les options de conception d'en-tête. Fondamentalement, vous pouvez mettre tout type d'informations sur votre page de garde et votre publication épinglée : offres d'emploi, annonces, liens vers les produits les plus vendus, etc. Ne vous limitez donc pas aux exemples ci-dessus. Utilisez votre imagination et utilisez la conception de votre communauté pour atteindre vos objectifs.

À quoi devrait ressembler un avatar ?

Un avatar n’est pas seulement une belle image avec le logo de votre entreprise, mais aussi un outil de travail du marketeur avec lequel il atteint ses objectifs. Examinons en détail à quoi cela devrait ressembler afin d'attirer l'attention des utilisateurs et de les encourager à effectuer l'action cible. Commençons par la miniature.

Miniature de l'avatar

1. Le texte sur la vignette de votre avatar doit être suffisamment grand pour être lu.







2. Le texte ne doit pas dépasser la vignette.







3. Les utilisateurs doivent comprendre ce qui est affiché sur l'avatar.







4. Si possible, il est préférable de ne pas utiliser d’images d’archives, car elles réduisent souvent la crédibilité de l’entreprise.




5. Il n'est pas souhaitable que la vignette de l'avatar soit trop fanée et ennuyeuse, sinon elle sera perdue sur fond d'avatars plus brillants des concurrents.



6. Si vous voulez que votre avatar ait l'air moderne, réalisez-le dans un style minimaliste : moins de texte, d'ombres, de dégradés et d'éléments qui n'ont aucune signification sémantique. Votre avatar doit être aussi simple et soigné que possible. Ce style est actuellement à la mode.







7. Si votre objectif est d'attirer l'attention des utilisateurs et de vous démarquer des autres avatars du flux, vous devrez faire preuve d'imagination. Pensez à ce à quoi vous faites vous-même attention lorsque vous recherchez des communautés intéressantes ? Par exemple, j'ai été attiré plus d'une fois par des avatars avec une lumière allumée, 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 toujours - quand je vois une telle lumière, je garderai certainement mon regard dessus.

Je ne dis pas que cette technique fonctionnera sur votre page. Ce que je veux souligner, c’est qu’il existe de très nombreuses façons de se démarquer, il suffit de se poser des questions et d’être un peu créatif. Voici, par exemple, une autre idée intéressante à laquelle j'aurais à peine pensé par moi-même :

L'avatar est un cercle noir : grand et petit. Il semblerait, pourquoi faire cela ? Mais lorsque l’on fait défiler la liste des communautés, de tels avatars attirent l’attention car ils sont très différents de tous les autres.

Quelles informations peuvent être placées sur la vignette d'un avatar ?

Même si la vignette de l’avatar est très petite, elle peut (et doit) être utilisée pour attirer des abonnés dans votre communauté. Comment faire cela ? Examinons quelques options :

Annonce d'un nouveau produit/service/événement

Avantages de l'entreprise/du service/de la page

Numéro de téléphone de l'entreprise

Prix ​​avantageux

Livraison gratuite

À propos, très souvent, les informations selon lesquelles l'entreprise propose la livraison gratuite sont ajoutées au nom du groupe lui-même afin que les utilisateurs y prêtent certainement attention.

Action

Compétitions

Postes vacants

À quoi devrait ressembler l’avatar lui-même ?

J'ai regardé ce que devrait être la vignette de l'avatar et quel texte pouvait y être placé. Passons maintenant à l'avatar lui-même. La version complète de l'avatar ne sera affichée que dans la communauté où la couverture n'est pas installée. C'est pour de tels cas que j'ai écrit cette section. Alors, à quoi devrait ressembler 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.

1. L'avatar doit être de haute qualité. J'ai écrit sur la façon d'y parvenir un peu plus haut. Pour ceux qui ont raté cette partie, je vais vous le dire brièvement : la taille de l'avatar doit être 2 à 3 fois plus grande que ce que vous aviez prévu.
2. Il est conseillé que l'avatar soit combiné avec le menu : avoir la même palette de couleurs, avoir les mêmes polices, éléments, etc. Grâce à cela, l'en-tête de votre page aura l'air plus soigné et professionnel. Exemple:
3. L'avatar lui-même et la miniature de l'avatar peuvent être différents. Par exemple, vous pouvez dessiner un cercle sur votre avatar, le concevoir comme vous le souhaitez, sélectionner cette zone sous forme de vignette et concevoir le reste de l'avatar dans un style différent.




Une autre option consiste à diviser l’avatar en deux parties. L’un est pour la miniature et le second pour le reste de l’avatar.




4. 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.




5. Essayez de ne pas mettre trop d’informations sur votre avatar, sinon il aura l’air surchargé et désordonné. Ajoutez-y uniquement les points les plus importants et assurez-vous qu'il y a de « l'air » entre eux.

Quelles informations peut-on placer sur un avatar ?

En gros, vous pouvez mettre tout ce que vous voulez sur votre avatar. Contrairement à la miniature, il y a vraiment de la place pour se déplacer ici. L'essentiel est de ne pas en abuser :)

Domaine du site

Téléphone/adresse/heures d'ouverture

Concours/promotions

Produits les plus achetés/nouveaux articles

Informations de livraison

Publicité sur les applications mobiles

Les principaux avantages de l'entreprise/page/produit, etc.

Mise à jour de l'assortiment/nouvelle créativité, etc.

Informations indiquant que votre communauté est officielle

Informations sur les événements à venir

Adresses des comptes sur d'autres réseaux sociaux

Description de la page étendue

Se vanter

En général, vous pouvez placer absolument n'importe quelle information sur votre avatar. Je viens d'inclure quelques idées afin que vous puissiez voir ce que font les autres et vous inspirer. Eh bien, gardez à l'esprit les recommandations de base : l'avatar doit être de haute qualité, la police doit être grande et il doit y avoir plus « d'air » entre les éléments.

Comment créer un avatar et un menu transparents

Afin de créer un avatar et un menu fusionnés, vous aurez besoin d'Adobe Photoshop ou de son équivalent. Je vais expliquer l'ensemble du processus en utilisant Photoshop comme exemple. Alors, allons-y.

1. Téléchargez le modèle Photoshop que j'ai spécialement préparé pour cet article. En taille normale (menu – 510 pixels de large, avatar – 200) ou agrandie (menu – 1020 pixels de large, avatar – 400).
2. Ouvrez l'image que vous souhaitez utiliser comme base.
3. Copiez-le, collez-le dans le modèle et positionnez-le comme vous souhaitez le découper.

1. Ajoutez 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), déplacez-la vers la droite comme indiqué dans le GIF suivant :

1. Sélectionnez l'outil « Coupe » et cliquez sur le bouton « Fragments le long des guides ».

1. Supprimez les fragments inutiles (clic droit de la souris - "Supprimer le fragment") et modifiez ceux existants (clic droit de la souris - cliquez dans un espace vide - prenez la zone souhaitée et étirez-la à la taille souhaitée).

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

1. Accédez à l'emplacement où vous avez enregistré les images (votre bureau ou un répertoire spécifique) et recherchez un dossier appelé « Images ». C'est là que iront vos images. Il ne reste plus qu'à les renseigner sur 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. Grâce à eux, l'utilisateur peut : passer une commande, s'abonner à votre newsletter, participer à un concours, lire et laisser des avis, ouvrir une recherche dans la communauté, recevoir un cadeau, un coupon de réduction, etc.

Voici quelques exemples de ce à quoi ressemblent les widgets sur la page VKontakte :

Comment concevoir des images pour les publications

Si vous êtes un concepteur de sites Web ou si vous avez un goût artistique et un sens de la beauté, il ne vous sera pas difficile de proposer un style d'entreprise pour vos images. Cependant, il me semble que ces personnes seront minoritaires dans cet article (d'ailleurs, je n'en fais pas partie non plus). Par conséquent, examinons de plus près comment cela se fait, sur la base d'exemples d'entreprises prospères.

À propos, veuillez noter que presque toutes les sociétés VKontakte connues marquent leurs images, c'est-à-dire qu'elles ajoutent un petit logo, l'adresse de leur page ou un filigrane. Cela augmente la notoriété de la marque et protège vos images contre la copie. C'est à chacun de décider si cela en vaut la peine. La seule chose que je voudrais vous conseiller est la suivante : si vous décidez de faire cela, essayez de vous assurer que votre logo n'est pas trop lumineux et ne prend pas trop de place, sinon toute l'accent sera mis sur lui et l'image sera perdre son attrait.

Où puis-je obtenir de bonnes images ?

Nous avons un bon article sur ce sujet sur notre blog - "". Ils sont tous gratuits, mais certains nécessitent une inscription. Si vous ne trouvez rien qui vous convient, essayez de rechercher par mot-clé + fond d'écran (ou, si en anglais, fond d'écran). Généralement, ce type de demande aboutit à des images de haute qualité. Mais ici, vous devez être prudent et vérifier le type de licence, sinon, si vous avez une entreprise sérieuse, vous pourriez avoir des ennuis.

Que doivent faire ceux qui ne savent pas travailler dans Photoshop ?

Si vous n'avez jamais travaillé dans Photoshop (ou tout autre éditeur graphique) et n'êtes pas encore prêt à consacrer du temps à 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 ne comportant pas d'icône en forme de diamant sont fournis gratuitement.

Nous l'insérons dans le modèle, le sélectionnons avec le bouton gauche de la souris, sélectionnons la commande Calque (icône en sandwich) et cliquons Déplacer vers le bas. De cette façon, notre image ira en arrière-plan et toutes les inscriptions seront superposées dessus.

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

Cliquez ensuite sur l'icône de la disquette, sélectionnez le nom, le format de l'image, la qualité et cliquez sur le bouton Connectez-vous pour télécharger.

2. Canva.com

Un autre service qui vous aidera à concevoir magnifiquement votre image. Il fonctionne sur le même principe que le précédent. Inscrivez-vous au service (vous pouvez utiliser votre compte Google+ ou votre e-mail).

Choisissez votre domaine d'activité. Nous sautons l'étape où il vous est demandé d'inviter des amis. Nous arrivons au menu principal, où nous sélectionnons une publication Facebook si nous avons besoin d'une photo rectangulaire, ou une publication Instagram si elle est carrée.

Sélectionnez un modèle (si le modèle est marqué « GRATUIT », cela signifie qu'il est gratuit), modifiez le texte.

Si nécessaire, téléchargez votre image, ajustez les dimensions, modifiez le texte, la police et la position de l'inscription. Après cela, cliquez sur le bouton « Télécharger », sélectionnez le format d'image et enregistrez-le sur votre ordinateur ou tout autre appareil.

Comment formater les articles dans l'éditeur

Récemment, VKontakte a rendu possible la saisie d'articles dans un éditeur spécial. Pour créer un article, vous devez cliquer sur la lettre « T » :

Comment utiliser le balisage wiki

Eh bien, nous arrivons ici à la section la plus intéressante et en même temps la plus difficile. Il y a peut-être des gens parmi les lecteurs qui ne savent pas ce qu'est le balisage wiki et qui entendent ce terme pour la première fois. C’est pourquoi, spécialement pour vous, je donnerai la définition que donne « Contact » lui-même.

Le balisage wiki est un langage de balisage utilisé pour formater le texte sur des sites Web (généralement classés comme projets wiki) et permet un accès plus facile aux capacités du langage HTML. Sur notre site, les pages wiki sont une bonne alternative aux publications classiques et à la navigation textuelle. Si vous avez besoin de créer un article volumineux avec une mise en forme de texte différente (gras, souligné, titres, etc.) ou d'y ajouter des graphiques, ou simplement de créer un menu de navigation coloré pour votre communauté, un wiki est indispensable.

Tout comme Wordpress (ou tout autre CMS) dispose d'un éditeur HTML avec lequel vous créez des articles, Contact possède son propre éditeur pour créer et éditer des pages wiki. Cela ressemble à ceci :

À 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 discuterai en détail de la façon de travailler dans cet éditeur, mais je vous demande d'abord de mettre deux liens en signet. Ils vous aideront beaucoup dans l’apprentissage du balisage wiki.

• indiquer le thème et l'orientation du groupe ;
• faire gagner du temps aux utilisateurs lors de l'exploration de la communauté ;
• afficher les coordonnées dans un endroit bien en vue ;
• créer la bonne ambiance et l'atmosphère thématique ;
• motiver les commentaires et les likes ;
• remplir d'autres fonctions spéciales.

VKontakte

Dans ce réseau social, pour concevoir un groupe ou une page publique, vous pouvez utiliser un avatar, une couverture, un menu wiki, uniquement des entrées wiki, des icônes pour les produits et des illustrations pour les publications. Si vous choisissez une mauvaise taille, la qualité de l’image peut se détériorer ou être trop petite. Il existe une opinion sur Internet selon laquelle la taille de l'image affecte le classement dans le flux intelligent, elle devrait donc être d'au moins 1024 px. Nous avons demandé de l'aide et découvert que la taille n'a pas d'importance, l'essentiel est le contenu.

Réponse du support sur l'impact de la taille de l'image sur la position dans les résultats de recherche

La façon dont la bande intelligente lit le contenu de l’illustration n’est pas très claire. Si vous le savez, écrivez dans les commentaires, nous vous en serons reconnaissants.

Couverture

Dimensions: 1590×400 px, zone visible pour la version mobile 1196×400 px.

Il s'agit d'une image horizontale allongée dans l'en-tête de la communauté ; elle n'est pas cliquable.

Couverture de notre groupe vk.com/prcyru

La couverture n'est pas obligatoire pour la communauté ; si vous ne l'installez pas, l'avatar du groupe s'ouvrira en plein format à droite.

Groupe sans couverture

Pour éviter que la qualité de la couverture ne se détériore, l'administration VKontakte conseille de télécharger une image d'une taille de 1590x400 px. Mais dans la version mobile, toute la couverture ne tient pas sur l'écran, les bords à droite et à gauche sont rognés à 197px, donc toutes les données, textes et images qui ne peuvent pas être coupés sont mieux placés dans la zone visible, c'est 1196x400 px. Et en haut, environ 83 px, est occupé par une bande avec des indicateurs de communication, de niveau de charge et autres.

Schéma de couverture avec marquages

Les inscriptions tiennent dans la zone visible, l'icône des paramètres chevauche le texte uniquement pour les administrateurs de la communauté

Une partie du titre de la couverture a été coupée

De nombreuses personnes conseillent de mettre des flèches sur la couverture qui vous incitent à cliquer sur s'abonner ou à écrire un message.

La flèche pointe vers le bouton Soumettre

La flèche pointe vers un bouton avec un message

Capture d'écran des statistiques du groupe PR-CY

Si le public regarde plus souvent le groupe depuis des téléphones mobiles, une telle icône n'a aucun sens, car dans l'application mobile, elle est décalée et pointe vers la vignette de l'avatar, et non vers le bouton d'abonnement ou de message.

La flèche pointe vers l'avatar

La flèche pointe vers un champ vide

Pour éviter de marquer vous-même les zones, nous avons réalisé un modèle au format psd avec des guides délimitant les zones. Il peut être téléchargé.

Il n'y a pas si longtemps, VKontakte a introduit une fonctionnalité de couverture dynamique, ce qui signifie que la couverture aura des données changeantes et sera mise à jour après une certaine période de temps. Cette couverture est pratique car vous pouvez y afficher presque tout : les portails des villes peuvent avoir besoin de temps, de taux de change, d'embouteillages ou de météo, les groupes qui organisent des promotions ou organisent des événements bénéficieront d'un compte à rebours et l'affichage des avatars des utilisateurs les plus actifs peut soyez encouragé à laisser des commentaires ou à aimer les messages.

Un exemple d'affichage des avatars des participants actifs sur la couverture

Avatar du nouvel abonné en couverture

Pour une couverture dynamique, vous avez besoin d'une image régulière sur laquelle seront attachés des inserts avec des avatars, la météo, etc., un script lié à un groupe et un hébergement avec le support CronTAB où le script sera installé. Si vous configurez la couverture pour qu'elle se mette à jour trop fréquemment, toutes les secondes par exemple, vous aurez peut-être besoin d'un anti-captcha.

Piotr Samokhin a expliqué comment écrire soi-même un script sur HabraHabr. Si vous ne voulez pas découvrir cela vous-même, il existe des services de conception payants auxquels vous pouvez connecter un groupe et personnaliser la couverture avec les applications nécessaires moyennant un petit abonnement.

La fonctionnalité peut être différente, par exemple, le design de la communauté peut complètement changer après avoir cliqué sur l'abonnement. Des fonctions supplémentaires sont développées séparément, vous pouvez écrire quelque chose vous-même, vous pouvez trouver des groupes dans la recherche sur VKontakte lui-même, où ils développent et vendent de telles applications.

Avatar

Dimensions: pas moins de 200x500 px et pas plus de 7000 px, rapport hauteur/largeur 2 à 5.

Si un groupe a une image de couverture, l'avatar sera présenté uniquement sous forme de vignette ; la version complète peut être consultée en cliquant. S'il n'y a pas de couverture, elle sera affichée en entier. A titre de comparaison, le groupe PR-CY avec couverture et avatar et une variante du même groupe sans couverture :

Avec couverture et avatar

Uniquement avec un avatar

L'avatar peut être de n'importe quelle taille, pas moins de 200x500 px et pas plus de 7000 px de chaque côté, mais le rapport hauteur/largeur maximum est de 2 à 5. Autrement dit, il ne sera pas possible d'installer une image très allongée, nous essayé:

L'éditeur ne vous permet pas de sélectionner un champ plus allongé.

Menu Wiki

Dimensions: la largeur de la page intérieure est de 607 px, la couverture fait au moins 600 px de large.

Le format wiki VKontakte implique une page avec la possibilité de formater du texte, de créer des listes et des sous-titres, d'insérer des images cliquables avec des transitions vers des sections VKontakte et des sites tiers. Au format wiki, ils créent souvent un menu et l'épinglent dans l'en-tête du groupe pour faciliter la navigation dans la communauté et fournir toutes les informations importantes en un seul endroit.

Pour un menu wiki, vous aurez besoin d'une couverture, qui servira d'illustration pour le lien vers la page du menu et les sections internes.

Couverture du menu

Fragment de sections à l'intérieur du menu

La largeur du champ des pages wiki est de 607 pixels. Les images peuvent être étirées ou réduites en spécifiant la taille dans l'éditeur qui s'ouvre en cliquant sur l'image. Mais lorsqu'elle est étirée et réduite, la qualité se détériore. Les images sont automatiquement chargées avec une hauteur de 400 px.

Éditeur d'images wiki

La page wiki avec les sections de menu est configurée dans l'éditeur. Nous parlerons en détail de la façon de créer un menu wiki dans un groupe dans un article séparé. Ensuite, un lien vers la page est inséré dans un message sur le mur ; ce n'est pas nécessaire, mais une image est souhaitable. Il est sélectionné comme illustration régulière pour un article. Nous attachons et sauvegardons le message, maintenant la page wiki s'ouvrira en cliquant sur « Afficher » ou sur l'illustration.

Article de test avec menu wiki

Messages

Dimensions: au moins 600 px de large pour les publications régulières, au moins 510 x 288 px pour un article dans l'éditeur.

Les publications dans le fil prennent en charge n'importe quelle image, mais différentes publications ont leurs propres limites.

C'est juste que le message peut avoir n'importe quelle taille, mais il vaut mieux avoir une largeur d'au moins 600 px, sinon l'image sera petite et de mauvaise qualité. Par exemple, nous avons pris une photo carrée, des images en orientation paysage et portrait, de 1000 px de largeur.

Visualisation sur le bureau

On voit que les images sont alignées sur la largeur de l'écran, une image carrée prend le plus de place et l'image est belle en orientation paysage. En orientation portrait sur la version bureau, il se décale sur le côté et n'est pas aligné au centre, alors que sur mobile il est au centre, mais des marges blanches se forment sur les côtés.

Visualisation mobile

Il existe un autre format de publication : un article dans l'éditeur. La couverture doit être horizontale, l'image sera compressée à une taille de 510x288 px. Il est préférable de placer les images plus loin du centre ; il n'est pas non plus nécessaire d'écrire un titre, il apparaîtra automatiquement au milieu. Le titre est écrit en caractères blancs, mais est mis en évidence par une ombre, de sorte que les illustrations sombres soient plus belles, mais le texte ne se perd pas sur les illustrations claires.

Illustration pour un article avec un fond clair

Illustration d'un article avec un fond sombre

Marchandises

Dimensions: pas moins de 600 px.

Les produits doivent être illustrés ; ils ne seront pas publiés sans une photo. Vous pouvez télécharger des images dans n'importe quelle orientation, mais assurez-vous de sélectionner un carré comme vignette pour la gamme de produits :

L'éditeur ne vous permet pas d'étirer la zone de sélection des vignettes

Le carré installé sera affiché dans la ligne du produit ; lorsque vous cliquez dessus, la fiche produit s'ouvrira avec l'image originale.

Miniature d'un produit de la gamme de produits

Ouvrir la fiche produit

Row avec les produits du groupe PR-CY

Ouvrir la fiche produit

La taille de l'image elle-même ne doit pas être inférieure à 400 ni supérieure à 6 000 px de chaque côté. Et nous vous recommandons de concevoir les images des fiches produits dans le même style afin qu’elles s’affichent bien dans la liste des vignettes.

Si vous souhaitez en savoir plus sur l'animation de groupes sur les réseaux sociaux, vous pourriez être intéressé par nos autres articles de la série SMM.

Avec l'avènement du réseau social VKontakte, les entrepreneurs ont commencé à lancer activement des entreprises sur Internet et à rechercher de nouvelles sources de revenus - les groupes et les pages publiques sont devenus un outil pour gagner de l'argent. La couverture d'un groupe VKontakte n'est pas seulement une belle image, c'est une carte de visite pour vos clients. Mieux vous présentez votre communauté, plus grandes sont les chances qu'elle commande chez vous et non chez vos concurrents.

Couverture de magasin de vêtements conçue dans notre studio de création graphique

La couverture du groupe VKontakte ne représente qu'une petite partie de la conception requise et, si vous vous essayez simplement en tant qu'homme d'affaires en ligne, il s'agit de l'option d'emballage la moins chère. Idéalement, un groupe ou une page publique VKontakte devrait contenir : une bannière publicitaire accrocheuse (elle ouvre le menu), une couverture, un menu (navigation ou atterrissage wiki), des produits et des couvertures d'album photo magnifiquement conçus, ainsi que des publications de marque. Tout cela crée le visage de votre entreprise et affecte la façon dont les clients vous perçoivent.

Que placer sur la couverture d'un groupe VKontakte :

Lors de la conception de la couverture d'un groupe VKontakte, pensez à la version mobile. Si le design est fortement rogné, des points importants seront masqués (contacts, services, logo, etc.), vous perdrez quelques clients. Sur les PC et ordinateurs portables, la couverture est affichée en entier, mais sur les téléphones portables, elle est recadrée à gauche et à droite de 197 px et assombrie en haut de 83 px.

Ne surchargez pas la pochette du groupe avec des informations. Cela devrait être facile mais instructif !

Où puis-je commander un modèle de couverture ?

Vous pouvez commander le design d'une couverture de groupe VKontakte auprès d'un designer sur un échange indépendant, trouver un artiste sur les réseaux sociaux ou rechercher le site d'un studio web sur Internet.

Chacune de ces méthodes a ses propres caractéristiques. Vous économiserez de l'argent sur l'échange indépendant, mais dans la plupart des cas vous trouverez un designer novice ou étudiant. Des designers expérimentés et sélectionnés travaillent pour le studio Web, mais le studio bénéficiera également de sa propre commande. Il est plus facile de passer une commande via les groupes VKontakte : vous voyez immédiatement le travail du designer et comparez les prix de plusieurs artistes.

Sur le marché des services, les prix pour la conception d'une couverture VKontakte varient de 500 à 3 500 roubles. et ce n'est pas seulement comme ça. Les débutants travaillent moins cher, mais leur niveau n'est pas élevé ; les studios sont des intermédiaires et travaillent avec un balisage ; et les designers populaires à succès travaillent pour eux-mêmes.

Comment définir la couverture sur un groupe ?

Dans votre groupe, dans le coin supérieur droit de l'écran sous « l'avatar », il y a trois points « … », cliquez dessus et dans la fenêtre qui apparaît, sélectionnez la section « Community Management », sous les informations sur le groupe, vous verrez l'inscription : « Couverture communautaire » et les actions « Télécharger » et « Supprimer ». Ajoutez une couverture et revenez à la page principale pour voir le résultat.

Une fois la couverture installée, vous pouvez la remplacer à tout moment en la survolant simplement avec le curseur de la souris et en sélectionnant l'action « Charger, modifier ou supprimer la couverture ». Vous pouvez en savoir plus sur la façon de mettre une couverture dans un groupe dans notre vidéo :

Exemples de nos travaux sur la conception de groupes « ce qui était alors »

Jusqu'à l'année dernière, le réseau social VK regorgeait d'avatars et de bannières difficiles et peu pratiques à sélectionner. Beaucoup de belles images ont dû être ajustées à certaines tailles, mais toutes n'avaient pas l'air décentes - elles s'étiraient, rétrécissaient et semblaient « tristes ».

Depuis l’année dernière, il y a eu un changement révolutionnaire qui a engendré beaucoup de négativité. Mais au fil du temps, beaucoup ont réalisé à quel point c'était pratique, lumineux et créatif. Après tout, vous pouvez facilement choisir une image standard ou originale, et non une simple bannière.

Maintenant, après avoir chargé la couverture, en dessous se trouve une inscription avec le nom de la communauté, une miniature de votre image, ainsi que plusieurs boutons fonctionnels « écrire un message » et « rejoindre le groupe », et sur le côté droit là est un panneau de gestion de groupe.

Aujourd'hui, notre site Web propose des couvertures prêtes à l'emploi pour les communautés VK, lumineuses, attrayantes et au design exclusif. Dans le catalogue, toutes les catégories sont structurées par nom, et il est également possible de sélectionner par couleur. Par conséquent, vous n’avez pas besoin de parcourir l’assortiment et de rechercher de bons fonds d’écran parmi des milliers de photos.

Chargez au maximum

L'installation de fonds d'écran prêts à l'emploi sur VK est simple. Vous n'avez pas besoin de personnaliser les photos, téléchargez simplement la photo que vous aimez sur notre site Web, puis ouvrez le réseau social, votre groupe.

En général, vous devez penser à l'avance à l'installation du papier peint pour un groupe - avant même que votre communauté ne soit rendue publique, car c'est le design dont les visiteurs se souviendront en premier lieu. Elle deviendra votre carte de visite, facilement reconnaissable. Mais il est facile de modifier la conception d’un groupe existant. Et si vous visitez notre site, vous ne pourrez pas repartir sans des fonds d’écran exclusifs.

Seulement le meilleur - pour vous

Toutes nos couvertures sont des images uniques, elles se distinguent par la profondeur d'élaboration des images et une clarté accrue. Les photos présentées à votre attention sur le site ont une taille de 795*200 ou 1590*400 pixels (conçues pour). écrans haute définition), ce qui garantit la facilité d'installation en tant que conception de groupe.

Dans le même temps, il n’y a pas de publicité intrusive avec des images flashy et sautantes. Le papier peint s’installe rapidement et ne nécessite aucune connaissance particulière en matière d’installation. C'est confortable chez nous. Nous n'avons pas d'inscription ni de services payants, tout se télécharge sans aucune difficulté supplémentaire. Nous complétons constamment notre collection avec des images à la mode et lumineuses qui séduiront les jeunes et les actifs, les adeptes des classiques et les amateurs d'originalité.

Nos fonds d'écran pour VK conviennent aux groupes sérieux sur le thème des affaires, aux sociétés de divertissement, aux jeunes équipes qui montent en puissance, ainsi qu'à ceux qui ont déjà pris position dans la communauté sociale. L'essentiel est de se rappeler quel est l'objectif du groupe : vendre des produits, informer ses abonnés sur des faits intéressants ou divertir. Cela vous permettra d'équilibrer la série associative entre l'image de conception et la direction du « travail » de la communauté, et de ne pas faire face à une situation où un groupe d'entreprises sérieux a un gobelin effrayant sur son avenue.

Les reprises des groupes VK sont une manière personnelle de se réaliser. En installant une photo exclusive, vous pouvez vous démarquer efficacement des autres, montrer votre goût impeccable et attirer plus de personnes dans votre communauté. Et à mesure que votre audience grandit, vous pouvez augmenter vos revenus.

N'hésitez pas - téléchargez, téléchargez et profitez-en.