Vkontakte csoporttervezés: teljes tervezési útmutató. A VKontakte közösség megtervezése: a Runet legrészletesebb útmutatója egy csoporthoz vagy egy nyilvános oldalhoz Miniatűr készítése egy csoporthoz a VK -ban

Evgeniya Kryukova

* A cikk frissítése.

A VKontakte közösség gyönyörű dizájnja nem szeszély, hanem fontos elem, amely a felhasználók bizalmát formálja Önben és vállalatában. Ha egy nyilvános oldalt vagy csoportot nem professzionálisan terveztek, a potenciális ügyfelek logikusan azt a következtetést vonhatják le, hogy Ön ugyanolyan gondatlan a munkájával kapcsolatban. Ennek elkerülése érdekében győződjön meg arról, hogy a VKontakte oldala gyönyörű, ügyes és könnyen használható. Hogyan kell csinálni? Olvassa el alább.

A képek valós mérete "VKontakte"

Egy ideje a fejlesztők közösségi háló Elindult a "VKontakte" új dizájn... Ez ahhoz vezetett, hogy a képek megjelenítésének mérete és elvei megváltoztak. A feljegyzés, amelyet az alábbiakban ismertetünk, megfelel az összes újításnak, és tartalmazza a megfelelő méreteket Ebben a pillanatban idő.

Most nézzük meg közelebbről az egyes elemeket.

VK avatar mérete

A minimális avatárméret 200 x 200 képpont. Ha olyan képet próbál feltölteni, amely kevesebb, mint 200 képpont széles vagy hosszú, akkor a következő hibaüzenet jelenik meg:

Az avatar maximális mérete 200 x 500 képpont. De elvileg feltölthet képeket és nagyobbakat - akár 7000 képpontot mindkét oldalon. A lényeg az, hogy oldalaik aránya nem haladja meg a 2 és 5 közötti értéket.

Hadd mutassam meg egy példával.

Van egy képem. A mérete 200 x 800 pixel (2-8 arány). Betöltés közben nem lép fel hiba. Ezt a képet azonban továbbra sem használhatom, mivel a "Kapcsolat" nem teszi lehetővé, hogy teljesen kiválasszam.

Borító

A webhely teljes verziójának borítója 1590 x 400 képpont.

Kérjük, vegye figyelembe: in mobil verzióés alkalmazások esetében nem a borító teljes verziója jelenik meg, hanem csak egy része, 1196 x 400 képpont méretű. Nézze meg, hogyan vágja le a mobilalkalmazásban:

Ennek elkerülése érdekében helyezze a borító fő elemeit 1196 x 400 képpont közé.

Csatolt képek

A "Kapcsolat" frissített kialakításában a hírfolyam szélessége rögzült. Ez azt jelenti, hogy a hozzászóláshoz csatolt képek már nem nyúlnak, hanem maradnak, ahogy vannak. Ezért, ha azt szeretné, hogy a képe teljesen kitöltse a hírfolyamban kijelölt területét, szélességének legalább 510 képpontnak kell lennie. A legjobb, ha négyzet vagy téglalap alakú táj orientáció.

Kicsit zavarosan hangzik :) Szóval mutatok egy példát.

Tegyük fel, hogy van egy négyzet alakú képünk, amelynek oldala 510 képpont. Ha csatoljuk a bejegyzésünkhöz, nagyon jól fog kinézni a hírcsatornában minden eszközön:

És így néz ki egy vízszintes kép fekvő tájolásban (szélesség 510 pixel):

Mint látható, minél keskenyebb a kép (magasságban), annál kisebbnek tűnik az okostelefonok hírcsatornájában. Ennek ellenőrzéséhez nézze meg az alábbi képet:

Nyilvánvaló, hogy a különbség itt nem különösebben kritikus, és az okostelefon -felhasználók továbbra is figyelembe veszik a képét, csak a második esetben egy kicsit kényelmesebbek lesznek.

Linkekkel ellátott bejegyzésekhez tartozó képek

Mindezek az adatok az Open Graph jelölőkódjából származnak:

Ha az Open Graph nincs megadva, a cím a Title metacímkéből, a kép pedig a cikkből származik. Ugyanakkor könnyen megváltoztatható - vagy választhat másik képet a cikkből a speciális nyilak segítségével:

Vagy töltsd fel a sajátodat:

A cikk előnézeteként használható minimális képméret 537 x 240 képpont. Nagyobb képeket azonban feltölthet, ha a képarány megfelelő.

Kép a szerkesztőben létrehozott cikkhez

A cikk borítójának képe a szerkesztőben készült, 510 x 286 képpont méretű. Jobb, ha sötét és többé -kevésbé monokromatikus, mivel a cikk címe és a közösség világos alapon elveszik.

Jó példa:

Nem jó példa:

Fotó és videó mérete történetekhez

A fényképek mérete 1080 x 1920 képpont. A videó mérete 720 x 1280 képpont.

Videofelvételekre vonatkozó specifikációk:

• legfeljebb 15 másodperc;
• legfeljebb 5 MB;
• h.264 kodek;
• AAC hang.

A történeteknek függőleges formátumú fényképeket és videókat kell használniuk.

Kérjük, vegye figyelembe: a közösségek nevében történteket jelenleg csak olyan nagy közösségek adhatnak hozzá, amelyekhez a VKontakte fejlesztői megnyitották ezt a funkciót. Ez pedig használatával történik hivatalos app... Ezt nem lehet számítógépről megtenni.

Példák a dinamikus bőrre:

Borító + közösségleírás + weboldal linkje

Néhány vállalat kifejezetten nem javítja a fejlécben található bejegyzéseket, hogy a felhasználók elolvashassák az oldal alapvető információit, és egyenesen a webhelyre léphessenek.

Leírás hashtagekkel

Egyes vállalatok hashtageket adnak az oldal szokásos leírásához, amelyek jellemzik. Ez azért történik, hogy az oldal világosabb relevanciával rendelkezzen, és emiatt magasabb legyen a releváns lekérdezések keresésében. Őszintén szólva nem tudom, hogy ez a módszer működik -e vagy sem. Ebben a témában nem találkoztam egyetlen esettel sem, ezért ha valaki tudja, megköszönném, ha megosztana egy linket.

Rögzített bejegyzés, amely elmondja, miről szól az oldal

Ha részletesebben szeretne mesélni az oldaláról (fényképekkel, linkekkel és gyönyörű elrendezéssel), akkor csatolhat egy wiki -bejegyzést vagy egy cikket, amely a szerkesztőben gépelt, és a fejléchez világos képet tartalmaz a hirdetményen, arra ösztönzi a felhasználókat, hogy kattintson rá. Példa egy ilyen bejegyzésre:

És ezt látja a felhasználó, miután rákattintott a linkre:

Új link menü

Nem is olyan régen a VKontakte fejlesztői végre örültek a közösségtulajdonosoknak egy új eszközzel, amellyel menüket készíthet - gyorsan és minden kín nélkül a wiki oldalakkal. Kissé primitívnek tűnik, tehát hogyan kell létrehozni gyönyörű menü, Én is elmondom.

A menü automatikusan megjelenik, ha közösségi alkalmazásokat használ, vagy egy bolt van csatlakoztatva. Például az előző képen mindhárom menüpont az alkalmazásokra mutató hivatkozások. Itt hozzáadhatja a sajátját - on fontos rekordok, albumok, megbeszélések stb., legfeljebb 7 darab (az alkalmazás kivételével). De csak a közösségi hálózaton belüli erőforrásokra hivatkozhat, kivéve a wiki oldalakat.

A menü szerkesztéséhez kattintson a "Testreszabás" gombra a modul jobb felső sarkában:

Menüelem hozzáadásához kattintson az Új link elemre.

A megnyíló ablakban válassza ki a borítót (minimális méret - 376x256 px), írja be a menüpont nevét (fontos, hogy 20 karakternél ne legyen szóköz), adjon hozzá egy linket, majd kattintson a „Mentés” gombra.

Ha el szeretne rejteni egy alkalmazást a menüből, módosítsa annak címét vagy borítóját, kattintson a "Módosítás" gombra a megfelelő elemmel szemben. Ugyanez tehető a többi linkkel is, amelyeket manuálisan adtak hozzá, és módosítást igényelnek.

A kimenetnek valahogy így kell kinéznie:

Csoport menü megnyitva

Nyitott menü hívok egy ilyen menüt, amely azonnal megmutatja, hogy milyen elemekből áll. Vagyis a wiki bejegyzés előnézeti képe teljesen megismétli a tartalmát. Így a felhasználók azonnal látják, mi vár rájuk bent. Hadd mutassam meg egy példával.

Így néz ki a rögzített bejegyzés a Flatro oldal fejlécében:

A csoport menü lezárva

A zárt menü ugyanaz a wiki bejegyzés, mint az előző bekezdés, csak a közleményben van kép, amelyen nincsenek menüpontok. Általában ráírják: "Menü", "Navigációs menü" vagy "Navigáció nyilvános anyagokban".

És ezt látjuk, ha rákattintunk:

Egyébként meg kell jegyezni, hogy ezek messze nem az egyetlen lehetőségek. Alapvetően bármit írhatsz erre a képre. A lényeg az, hogy a felhasználó rákattintani akar, és megérti, mi vár rá ezután. Példa:

Fúziós menü a csoport számára

Az összevont menü az, amikor a menü hirdetményében szereplő kép egy kép az avatarral. Az alábbiakban részletesen elmondom, hogyan kell elkészíteni egy ilyen menüt, de most csak nézze meg, milyen szép.

Szeretné szépen megtervezni VKontakte közösségét, de nincsenek meg a szükséges készségek? Rendeljen regisztrációt cégünknél. Elkészítünk Önnek egy avatárt, borítót, fejléc -sablonokat, menüket és termék -előnézeteket.

GIF és avatar egy képen

De ez a lehetőség a sapka kialakításához nagyon lenyűgözött. Az automatikusan lejátszott GIF összeolvad az avatárral egyetlen kompozícióba, és vonzza a felhasználók figyelmét, annak ellenére, hogy erről egyáltalán nincs információ.

Egyébként ezt a példát Sergey Shmakov SMM marketinges csoportjában láttam. Szóval a találatért hálás vagyok neki :)

Rejtett menü

A rejtett menü csak csoportok számára érhető el (az oldalak nem rendelkeznek ilyen funkcióval). Ennek megtekintéséhez kattintson a megfelelő linkre. Ennek a tervezési módszernek az az előnye, hogy a felhasználók láthatják a közösség alapvető információit, és ha használni akarják a menüt, akkor csak egy kattintást kell végrehajtaniuk. Van azonban egy kis hátránya - nem minden felhasználó ismeri ennek a funkciónak a létezését, ezért előfordulhat, hogy a menü kevesebb figyelmet kap, mintha az oldal tetejére lenne rögzítve.

Videó automatikus lejátszása

2015. november végén egy érdekes újítás jelent meg a VKontakte közösségi hálózaton - amint a felhasználó felkeresi az oldalt, a fejléchez csatolt videó automatikusan lejátszásra kerül. Ezzel a technikával még több figyelmet vonzhat a felhasználókra (különösen azokra, akik először látogatták meg az oldalt), ugyanakkor ne bosszantsa azokat, akik nem szeretik, ha tartalmukat rájuk kényszerítik, mert a videót anélkül játsszák le, hogy hang és gyakorlatilag nem zavarja ...

Hogyan adhatok ilyen videót az oldal fejlécéhez?

Ehhez három feltételnek kell teljesülnie:

• Csatoljon egy videót egy bejegyzéshez, és rögzítse ezt a bejegyzést a közösség tetején.
• A videón kívül semmi más nem csatolható a felvételhez. Csak a videó és a szöveg opcionális.
• A videót a VKontakte -nak kell feltöltenie - harmadik féltől származó lejátszók nem támogatottak.

Egy bejegyzés, amely sok megosztást kap

Az oldal fejlécében található hely produktív kihasználásának másik módja, ha az egyik legsikeresebb bejegyzést rögzíti hozzá - azt, amely már sok tetszést és megosztást szerzett, és továbbra is megszerez. Miért teszi ezt, azt hiszem, mindenki megérti - minél több újraküldés, minél több lefedettség, annál több előfizetést kap az oldal.

Új klipek, albumok, események bejelentései

Új termékek / szolgáltatások bemutatása

Kedvezmények és promóciók

Tokok, vásárlói vélemények

Alkalmazáshirdetés

Gyakorlati viccek

Közösségi szabályok

Linkek más közösségi hálózatokhoz

Messze felsoroltam a fejléc kialakításának összes lehetőségét. Alapvetően a borítón és a rögzített bejegyzésben bármilyen információt közzétehet: állásokat, hirdetéseket, linkeket a legkelendőbb termékekhez stb. Tehát ne korlátozza magát a fenti példákra. Légy kreatív, és használd a közösség dizájnját céljaid eléréséhez.

Milyen legyen az avatar?

Az avatar nem csak egy gyönyörű kép a cége logójával, hanem egy munkaeszköz egy marketingszakember számára, amelynek segítségével eléri céljait. Nézzük meg közelebbről, hogy mi legyen annak érdekében, hogy felkeltse a felhasználók figyelmét és ösztönözze őket a célzott művelet végrehajtására. Kezdjük egy miniatűrrel.

Avatar indexképe

1. Az avatar indexképének szövegének elég nagynak kell lennie ahhoz, hogy olvasható legyen.







2. A szöveg nem lépheti túl az indexképet.







3. A felhasználóknak meg kell érteniük, mi látható az avataron.







4. Ha lehetséges, a legjobb, ha nem használunk stock képeket, mivel ezek gyakran rontják a vállalat hitelességét.




5. Nem kívánatos, hogy az avatar indexképe túl unalmas és unalmas legyen, különben elveszik a versenytársak fényesebb avatarjainak hátterében.



6. Ha azt szeretné, hogy az avatarja modernnek tűnjön, akkor minimalista stílusban készítse el: kevesebb szöveg, árnyék, színátmenet és elem, amelyek semmilyen szemantikai terhelést nem hordoznak. Az avatarnak a lehető legegyszerűbbnek és ügyesebbnek kell lennie. Ez a stílus most divatos.







7. Ha a cél az, hogy felkeltse a felhasználók figyelmét, és kiemelkedjen a hírcsatorna többi avatarjának hátteréből, be kell kapcsolnia a képzeletet. Gondolja át, mire figyel ön, amikor érdekes közösségeket keres? Itt például engem többször is vonzottak az égő fényű avatárok, ami általában azt jelzi, hogy új üzenet érkezett. Ez egy nagyon régi technika, de valamiért mégis hat rám - ha ilyen fényt látok, akkor biztosan rajta tartom a szemem.

Nem javaslom, hogy ez a trükk az oldaladdal is működjön. A lényeg, amit közölni szeretnék, az az, hogy nagyon -nagyon sokféle módon lehet kiemelkedni, csak fel kell tennie ezt a kérdést, és meg kell mutatnia egy kis kreativitást. Például itt van még egy érdekes ötlet, amelyre magam is aligha gondoltam volna:

Az avatar fekete kör: nagy és kicsi. Úgy tűnik, miért kell ezt egyáltalán csinálni? De amikor végiglapozza a közösségek listáját, ezek az avatarok felkeltik a figyelmet, mert nagyon különböznek mindenkitől.

Milyen információkat lehet elhelyezni az avatar miniatűrjén

Annak ellenére, hogy az avatar miniatűr nagyon kicsi, felhasználható (és kell is) arra, hogy vonzza a követőket a közösségébe. Hogyan kell csinálni? Nézzünk néhány lehetőséget:

Új termék / szolgáltatás / esemény bejelentése

Vállalat / szolgáltatás / oldal előnyei

A cég telefonszáma

Kedvező árak

Ingyenes szállítás

Egyébként nagyon gyakran az információ, amelyet a vállalat ingyenes szállítással biztosít, hozzáadódik a csoport nevéhez, így a felhasználók határozottan figyelni fognak rá.

Készlet

Versenyek

Üresedések

Mi legyen maga az avatar?

Megfontoltam, hogy milyennek kell lennie az avatar indexképének, és milyen szöveget lehet rá helyezni. Most térjünk át magára az avatarra. Teljes verzió Az avatar csak abban a közösségben jelenik meg, amelyben nincs fedél. Ilyen esetekre írtam ezt a részt. Tehát mi legyen a közösség avatarja, hogy a felhasználók azonnal megértsék, hogy cége felelősségteljesen és szakszerűen közelítette meg az oldal létrehozását.

1. Az avatarnak kiváló minőségűnek kell lennie. Hogyan lehet ezt elérni, kicsit magasabbra írtam. Azok számára, akik elmulasztották ezt a részt, dióhéjban elmondom - az avatár méretének 2-3-szor nagyobbnak kell lennie, mint amit tervezett.
2. Kívánatos, hogy az avatar kombinálódjon a menüvel: ugyanaz a színséma, ugyanazok a betűtípusok, elemek stb. Ennek köszönhetően az oldal fejléce ügyesebb és professzionálisabb lesz. Példa:




3. Maga az avatar és az avatar miniatűrje eltérő lehet. Például rajzolhat egy kört az avatarjára, stílusát tetszés szerint alakíthatja, kiválaszthatja ezt a területet miniatűrként, és az avatar többi részét más stílusúvá alakíthatja.




Egy másik lehetőség az avatar két részre bontása. Az egyik a miniatűr, a másik az avatar többi része.




4. Annak érdekében, hogy ösztönözze a felhasználókat, hogy iratkozzanak fel az oldalára, vagy írjanak üzenetet a vállalat képviselőjének, az avatar legalján elhelyezheti a megfelelő cselekvésre ösztönzést, és a gombhoz mutató nyíllal kísérheti.




5. Próbáljon meg nem túl sok információt közzétenni az avatarján, különben túlterhelt és ápolatlan lesz. Csak a legfontosabb pontokat adja hozzá, és győződjön meg róla, hogy "levegő" van közöttük.

Milyen információkat lehet elhelyezni az avataron?

Alapvetően bármit elhelyezhet az avatarján. A miniatúrákkal ellentétben tényleg van hova barangolni. A legfontosabb, hogy ne használd túl :)

Webhely domain

Telefon / cím / nyitvatartás

Versenyek / promóciók

A legtöbb vásárolt termék / új termék

szállítással kapcsolatos információk

Mobil app hirdetés

A cég / oldal / termék fő előnyei stb.

Tartományfrissítés / új kreativitás stb.

Információ, hogy a közösség hivatalos

Információ a közelgő eseményekről

Fiókcímek más közösségi hálózatokban

Kiterjesztett oldalleírás

Brags

Általánosságban elmondható, hogy az avataron bármilyen információ elhelyezhető. Csak néhány ötletet adtam, hogy lássátok, mit csinálnak mások, és inspirálódhassanak a példáikból. Nos, ne feledje az alapvető ajánlásokat: az avatarnak kiváló minőségűnek, a betűtípusnak nagynak kell lennie, és több "levegőnek" kell lennie az elemek között.

Összeolvasztott avatar és menü létrehozása

Az egyesített avatar és menü létrehozásához programra van szükség Adobe photoshop vagy azzal egyenértékű. Az egész folyamatot a Photoshop példáján fogom elmagyarázni. Akkor gyerünk.

1. Töltse le a Photoshop sablont, amelyet kifejezetten ehhez a cikkhez készítettem. Normál méretű (menü - 510 képpont széles, avatar - 200) vagy nagyított (menü - 1020 képpont széles, avatar - 400).
2. Nyissa meg az alapozni kívánt képet.
3. Másolja ki, illessze be a sablonba, és helyezze el úgy, ahogy szeretné kivágni.

1. Adjon hozzá effekteket, szöveget, grafikákat és egyebeket.

1. Ha nem szeretné, hogy a kép egy része elveszzen (abban a térben, ami 50 képpont), akkor mozgassa jobbra, ahogy az a következő gifben látható:

1. Válassza ki a „Vágás” eszközt, és kattintson a „Szeletek útmutatók szerint” gombra.

1. Törölje a felesleges töredékeket (jobb egérgombbal - "Törlés"), és szerkessze a meglévőket (kattintson jobb gombbal - kattintson egy üres helyre - kívánt területés kinyújtjuk a kívánt méretre).

1. Lépjen a "Fájl" szakaszba, és válassza a "Mentés a webre" parancsot.

1. Keresse meg azt a helyet, ahová a képeket mentette (asztali számítógép vagy néhány speciális könyvtár), és keresse meg a "Képek" nevű mappát. Itt lesznek a képeid. Most már csak ki kell tölteni őket az oldalon.

P.S. Az avatar magassága saját belátása szerint változtatható. Kivettem a maximális méretet - 500 képpontot, de ez az érték alacsonyabb lehet. Például, mint a Wiki Markup oldalán:

A widgetek használata

A kütyük szintén a VK közösség kialakításának részét képezik. Segítségükkel a felhasználó a következőket teheti: megrendelhet, feliratkozhat levelezőlistájára, részt vehet egy versenyen, elolvashatja és elhagyhatja a véleményeket, megnyithat egy keresést a közösségben, ajándékot, kedvezményes kupont kaphat stb.

Íme néhány példa arra, hogyan néznek ki a widgetek a VKontakte oldalon:

class = "incut">

Hogyan kell stílusolni a képeket a bejegyzésekhez

Ha Ön webdesigner, vagy művészi ízlése és szépérzéke van, akkor könnyen megtalálhatja a vállalati arculatot a képeihez. Viszont nekem úgy tűnik, hogy az ilyen emberek ebben a cikkben kisebbségben lesznek (én egyébként sem tartozom közéjük). Ezért nézzük meg közelebbről, hogyan történik ez, sikeres vállalatok példái alapján.

Mellesleg, kérjük, vegye figyelembe, hogy szinte minden ismert VKontakte cég márkázta képeit, vagyis egy kis logót, oldalcímet vagy vízjelet ad hozzá. Ez növeli a márka ismertségét és megvédi képeit a másolástól. Hogy érdemes -e megtenni, mindenki maga dönti el. Az egyetlen dolog, amit szeretnék tanácsolni: ha mégis úgy dönt, hogy ezt megteszi, próbáljon meg megbizonyosodni arról, hogy a logója nem túl világos és nem foglal túl sok helyet, különben minden hangsúly rá fog kerülni, és a kép elveszíti vonzerejét.

Hol kaphatok jó képeket?

Van egy jó blogcikkünk ebben a témában - "". Mindegyik ingyenes, de néhány regisztrációt igényel. Ha nem talál magának megfelelőt, akkor keressen rá a + háttérkép (vagy, ha angolul, a tapéta) kulcsszóra. Általában ilyen kérésre kiváló minőségű képeket adnak ki. De itt óvatosnak kell lennie, és ellenőriznie kell az engedély típusát, különben, ha komoly vállalkozása van, bajba kerülhet.

És mi van azokkal, akik nem tudják, hogyan kell Photoshopban dolgozni?

Ha még soha nem dolgozott Photoshopban (vagy máshol grafikus szerkesztők), és bár nem áll készen arra, hogy időt szánjon az elsajátítására, használhatja a már meglévő szolgáltatásokat kész sablonok képek a különböző közösségi hálózatokhoz:

1. Fotor.com

Ezt követően a képernyő bal oldalán válassza ki a minket érdeklő sablont. Kérjük, vegye figyelembe, hogy csak azok a sablonok állnak rendelkezésre ingyen, amelyeken nincs gyémánt ikon.

Illessze be a sablonba, válassza ki a bal egérgombbal, válassza ki a Réteg parancsot (szendvics ikon), majd kattintson az Áthelyezés aljára. Így képünk háttérbe szorul, és minden felirat rá lesz helyezve.

Ezt követően megváltoztatjuk a szöveget, a betűtípust, a betűméretet, a felirat helyzetét stb.

Ezután kattintson a hajlékonylemez ikonra, válassza ki a nevet, a képformátumot, a minőséget, és kattintson a Letöltés bejelentkezése gombra.

A wiki jelölés használata

Nos, itt elérkeztünk a legérdekesebb és egyben legnehezebb szakaszhoz. Talán az olvasók között vannak olyanok, akik nem tudják, mi a wiki jelölés, és általában először hallják ezt a kifejezést. Ezért, különösen az Ön számára, megadok egy meghatározást, amelyet maga a "Kapcsolat" ad meg.

A Wiki jelölő egy jelölőnyelv, amelyet szövegek formázására használnak a webhelyeken (általában a wiki projektek osztályába tartoznak), és megkönnyíti a HTML nyelv képességeinek elérését. Weboldalunk wiki oldalain - jó alternatíva rendszeres felvételekés szöveges navigáció. Akár nagyméretű cikket kell létrehoznia különböző szövegformátumokkal (félkövér, aláhúzott, címsorok stb.), Vagy grafikákat kell hozzáadnia, vagy csak színes navigációs menüt kell létrehoznia a közössége körül, a wiki nélkülözhetetlen.

Ahogy a Wordpress (vagy bármely más CMS) rendelkezik HTML -szerkesztővel, amellyel cikkeket hozhat létre, a Contactnak is saját szerkesztője van a wiki -oldalak létrehozásához és szerkesztéséhez. Ez így néz ki:

Ennek a szerkesztőnek a segítségével navigációs menük, valamint képeket, videókat és hangfelvételeket tartalmazó cikkek jönnek létre. Az alábbiakban részletesen elemzem a szerkesztő működését, de először azt kérem, hogy adjon hozzá két linket a könyvjelzőihez. Sokat segítenek a wiki jelölés elsajátításában.

A Vkontakte csoport sikeres tervezésének nemcsak szépnek, hanem funkcionálisnak és kényelmesnek kell lennie. Tervezze meg marketing céljait, hogy a csoport vonzza a fizető és vásárló közönséget a márkához, és örökké vele maradjon.

5 lépés a csoport megszervezéséhez a VKontakte -ban

Borító

A közösségi borítás ma fontos eszköz a VKontakte márkájú csoport megtervezéséhez és népszerűsítéséhez. Letöltheti a "Közösségkezelés" szakaszból a "Beállítások" fülre lépve. A kiváló minőségű vízszintes kép a közösség fejlécében a vállalat fő promóciós zászlajaként szolgál a közösségi hálózaton. Ez egyúttal meghatározza a hangulatot, tájékoztat, javítja a képet, célzott cselekvésre szólít fel és elad.

1. Használjon kiváló minőségű illusztrációkat

A VKontakte közösség borítójának 1590x400 képpont méretűnek kell lennie, de jobb, ha 2-3-szor nagyobb fotókat tölt fel .png formátumban. Ezzel elkerülhető a gyenge megjelenítési minőség.

2. Igazítsa a képet a különböző eszközökhöz

Kérjük, vegye figyelembe, hogy ez a kép másképp jelenhet meg különböző eszközök- a mobil széleken levágják, így a legjobb fontos információ közelebb a központhoz.

3. Helyezze el a szlogent és az USP -t

Hagyja, hogy az ügyfél lássa filozófiáját és előnyeit az első képernyőn.

4. Jelenítse meg a terméket / szolgáltatást, folyamatot vagy használatának eredményét

Így a potenciális vásárló azonnal tudni fogja, hogy mire specializálódott, és részt vesz a termékben.

5. Segítsen az ügyfeleknek azonnal kapcsolatba lépni Önnel

Írja be a bannerre telefonszámát, e-mail címét és egyéb vállalati elérhetőségeit. Ha például a területi elhelyezkedés fontos a vállalkozása számára, úgy tűnik, hogy a vendéglátóiparban vagy a horeca -ban dolgozik, akkor a cím is hasznos lesz.

6. Hirdessen eseményeket

Reklámozza a koncerteket, új kollekcióra vagy termékkiadásra számít, fesztivál / konferencia / ügyfélnapnak ad otthont? Mondja el mindenkinek, aki ellátogat a közösségbe.

7. Promóciók és kedvezmények bemutatása

Hol, bármennyire is a főoldalon, mondja el a közönségnek, hogy jelenleg kétszer olcsóbban rendelhetnek tőled? A legfontosabb, hogy az ajánlat lejártát követően ne felejtse el megváltoztatni a grafikát.

8. Ajánlat a célzott cselekvés végrehajtására

A közösségi borító betöltésekor két gomb vízszintesen a jobb alsó sarokban található - Írjon üzenetet és csatlakozzon egy csoporthoz. Mutasson rájuk egy nyíllal, hogy tovább vonzza közönsége figyelmét. Tehát ha egy termék megjelenik egy szalaghirdetésen, felajánlhatja, hogy azonnal megrendeli üzenetben. És ha emésztés van rajta legfrissebb hírek- iratkozzon fel, hogy mindig megkapja a legfrissebb információkat.

Töltsön fel egy avatárt, és válasszon egy indexképet

Egyes márkák még mindig nem fogadják el a borítót, inkább a csoport első képernyőjének régi megjelenését részesítik előnyben, úgynevezett „fejlécként” az avatar és a rögzített bejegyzés kombinációját használják. Ebben az esetben az egyik kép a másik folytatása. Akkor tűnik a lenyűgözőbbnek, ha a fénykép az avatarral azonos szinten végződik.

Használata maximális méret avatar 200x500 pixel A rögzített üzenetben a kép méretének 510x308 pixelnek kell lennie. Kiváló megnyerő technika a közösségi médialejátszón keresztül feltöltött videó rögzítése, amely stílusosan folytatja az avatárt.

Ha egy borítót használ fejlécként, akkor az avatar mindig miniatűrként jelenik meg.

A VK közösségi avatar indexképeinek tervezésére vonatkozó szabályok

Az indexkép egy kicsi, kör alakú kép, amelyet egy nagy avatárból vágnak le, és megjelenik a csoportos keresésekben, az egyes felhasználók közösségi listájában és a bal oldalon, a fedél alatt, ha van ilyen. Íme néhány tervezési tipp.

1. A miniatűrnek érthetőnek kell lennie a közönség számára

Ne tegyen közzé egy furcsa illusztrációt. Képzeld el, mit fog a célközönség később társítani a márkához, például egy logót, egy termék / szolgáltatás ikonját, vagy talán a márka fő marketing karakterét.

2. Csak jó minőségű fényképeket használjon

Jobb, ha a forráskódot 2-3-szor nagyobbra tölti le, mint a szükséges méret, így elfelejtheti azokat a hátborzongató pixel „négyzeteket”, amelyek miatt nem a legjobb fényben néz ki.

3. Tervezze meg saját illusztrációit

A szabványos stock képek olcsónak és szakszerűtlennek tűnnek, a felhasználók pedig a márka bizalmatlanságának szinonimájává válnak. Készíts egyedi terveket ugyanabban a koncepcióban és színekben, mint a design többi részét.

4. Az oldal képeinek hátterének kontrasztja - amire szüksége van

Ha a VK miniatűrjeit ilyen fényesen tervezik, akkor a "kerek" kiemelkedik a feedben a többi csoport közül, és nem olvad össze az oldal hátterével.

5. Helyezze el a vállalat elérhetőségeit vagy USP -jét

A miniatűr céljától függően helyezze rá elérhetőség vagy a webhely címe, az ingyenes szállításra vonatkozó információk, a szegmens vagy promóció legalacsonyabb árának jelzése.

6. Legyen a szöveg nagy és olvasható

Jobb, ha nem használ serif vagy dőlt betűtípust - túl „zajosak”, ha a számítógép képernyőjéről nézik őket, mobil eszközökés okostelefonok borítják a kilátást. Győződjön meg arról, hogy a szöveg nem lép túl a kivágott indexképen. Ez lehetővé teszi az üzenet helyes és hatékony továbbítását a felhasználóhoz.

7. Használjon nem szabványos formákat

Például a kívánt kerek mintában írjon fehér alapra sokszöget vagy más geometriai alakzatot. Hozzon létre egy olvasatlan értesítési effektust vagy egy online ikont.

Tervezzen egy menüt

A menü a Kapcsolat csoporttervezésének fontos eleme, amely megkönnyíti a felhasználók számára a csoportban való navigálást - kényelmesebb lesz az embereknek megtalálni a szükséges információkat. Minden elem és oldal egy speciális programozási nyelven készül - Wiki jelöléssel. Ezzel kattinthatóvá teheti a képeket, és kényelmes oldalakat készíthet a közösségi hálózaton belül, mintha egy weboldal lenne.

Nyitott és zárt menüket is használhat. Az első esetben a felhasználó azonnal látja a benne szereplő részeket, a másodikban - őket előnézeti kép előzi meg a „Menü” felirattal. A menü vizuálisan is az avatar folytatásává válhat abban az esetben, ha a közösségi kialakítás régi verzióját használja.

Tervezzen termékbemutatót

Amikor termékeket helyez el a közösségi kirakatba, ne feledje, hogy az első 3 objektum mindig látható a felhasználók számára. Helyezze el bennük a legnépszerűbbet és a legtöbbet megrendeltet, ha egy azonos stílusú prezentációs képet tölt fel. Tegyen közzé egységes ikonokat vagy fényképeket magukról a termékekről. A termékek elhelyezhetők szolgáltatások. A tervezésben mutassa be a szolgáltatás nyújtásának folyamatát vagy annak eredményét. Egy ilyen kép négyzet alakú lesz - 400x400 képpont.

Post tervezés

1. Használja ki a rendelkezésre álló képméreteket teljes mértékben

A táblázat maximális szélessége a hírcsatornában 510 képpont. Az 510x510 képpontos négyzet alakú képek és az 510x300 képpontos téglalap alakú képek a lenyűgözőbbek.

2. Alakítson ki egyéni posztstílust

Ahhoz, hogy a bejegyzéseid egyediek legyenek, találj ki egységes stílust, betűtípust és színsémát.

3. Helyezzen rövid szöveget a képre

Például feloszthatja a képet 2 részre - szövegre és grafikára, vagy szöveget írhat, miközben sötétíti a hátteret. Ahhoz, hogy a szöveg sötét háttér nélkül is látható legyen, írja aláfóliára (nagy kontrasztú, egységes színű grafikus blokkra), vagy adjon hozzá árnyékot a szövegmezőhöz. A kerettel ellátott fényképek jól néznek ki.

4. Készítsen több sablont különböző célokra

Például használjon egy vizuális prezentációs sablont idézetekhez, egy másikat a webhelyek közleményeihez, és egy harmadikat versenyekhez.

Használja ezeket a 100% -os technikákat, és cége képviselteti magát a Vkontakte -on a legjobb mód, és kényelmes lesz az ügyfeleknek, hogy interakcióba lépjenek vele. De ne felejtsük el, hogy mindenhez mérték kell! Még több friss ötletet kereshet a VK közösség kialakításához a Tesla Target ügynökségi szolgáltatások oldalán.

A rendszergazdák többsége úgy gondolja, hogy ha egy csoportot a legfelső névjegyhez tartozó kulcsszóra az első helyre emelnek, akkor a keresési forgalom és az érdeklődő ügyfelek nagy részét elviszik. Néha tényleg így alakul, de az esetek 90% -ában a csoporttulajdonosok megfeledkeznek a csoport magas színvonalú kialakításáról, és még akkor is, ha első helyen tartózkodnak, megengedik a forró ügyfeleknek.

Miért történik ez?

Az ok nagyon egyszerű - a közösség keresési teaserjének rossz minőségű kialakítása. Egyszerűen fogalmazva, a keresési csoportnak kiemelkednie kell a versenytársak közül, és a lehető legjobban meg kell egyeznie a beírt keresési lekérdezéssel. Csak akkor, ha ezek a feltételek minőségileg teljesülnek, olyan közösséghez juthat, amelynek magas az átkattintási aránya, és nagy a valószínűsége a későbbi értékesítésnek.

Hogyan lehet befolyásolni a közösség keresési teljesítményét?

A csoport CTR -jének leghatékonyabb hatása az avatar indexképe.
A miniatűr nagyon fontos szerepet játszik a csoportban, mivel minden olyan helyen megjelenik, ahol a csoport szerepel:

• a csoport hírcsatornájában
• a kapcsolatkeresőben
• a Google és a Yandex keresésben
• más közösségek linkjeiben
• a VK -felhasználók hírfolyamában

Az ilyen széles körű részleteket nem lehet figyelmen kívül hagyni. És csoporttervezés a miniatűrre különös figyelmet kell fordítani.

Kattintható miniatűrök létrehozásának elvei.

1) Az ügyfél asszociatív sora a kérés beírásakor.
Gondolja át, mit vár potenciális ügyfele, amikor olyan keresést ír be, amelyre a keresésben kiemelt figyelmet fordít. Például, ha egy fiatal anya kisbabát választ, akkor nagy valószínűséggel arra számít, hogy a képen egy kezeslábas vagy egy boldog baba képét látja egy gyönyörű öltönyben.

2) Színskála és kontraszt a versenytársakkal szemben.
Amikor egy csoport indexképéhez képet választ, nézze meg a versenytársak miniatűrjeit. Milyen színeket használnak, a képen látható elemek sűrűségét, logóit. A fő feladat egy olyan miniatűr létrehozása, amely kiemelkedik a többiek közül. Például, ha a bélyegképek nagy része zöld - legyen a tiéd vörös, ha minden tompa -, tegye fényessé, ha mindegyik színes - tegye monokrómává Emlékezzen, a fő feladat az, hogy kiemelkedjen és releváns legyen a lekérdezés!

3) Kulcsszavak a képen.
Tapasztalataink szerint a kulcsszókifejezések képre helyezése pozitív hatással van az indexképek átkattintási arányára, a közösségi forgalomra és az általános teljesítményre is. a csoport népszerűsítése.

4) A cég logója.
A logót a miniatűrre is elhelyezheti. Az ideális helyzet az lenne, ha a logó megfelelne a fenti elveknek.

Amikor ügyfeleinkkel dolgozunk, mindig figyelembe vesszük az összes árnyalatot, beleértve a kiváló minőségű és kattintható csoportminiatűröket, valamint más olyan pontokat, amelyek kulcsfontosságúak az áruk VK-csoportokon keresztüli értékesítésére.