Dizajniranje grupe VKontakte: kompletan vodič za dizajn. Dizajn grupe VKontakte: kompletan vodič za dizajn Informacije da je vaša zajednica zvanična

Uspješan dizajn grupe VKontakte ne bi trebao biti samo lijep, već i funkcionalan i praktičan. Neka dizajn riješi vaše marketinške probleme tako da grupa privuče publiku koja plaća i kupuje brendu i ostane s njim zauvijek.

5 koraka kako stvoriti grupu na VKontakteu

Cover

Pokrivanje zajednice danas je važan alat za dizajniranje grupe brendova u Contactu i njeno promoviranje. Možete ga preuzeti u odjeljku “Upravljanje zajednicom” tako što ćete otići na karticu “Postavke”. Visokokvalitetna horizontalna slika u samom zaglavlju zajednice igra ulogu glavnog promotivnog banera kompanije na društvenoj mreži. Postavlja raspoloženje, informiše, poboljšava imidž, poziva na ciljane akcije i istovremeno prodaje.

1. Koristite ilustracije visokog kvaliteta

Naslovnica zajednice VKontakte trebala bi biti veličine 1590x400 piksela, ali je bolje postaviti fotografiju 2-3 puta veću u .png formatu. Na ovaj način možete izbjeći loš kvalitet prikaza.

2. Prilagodite sliku različitim uređajima

Imajte na umu da ova slika može izgledati drugačije u zavisnosti od različitim uređajima– na mobilnim telefonima ivice će biti odsječene, pa je bolje koristiti cijele važne informacije mjesto bliže centru.

3. Postavite slogan i USP

Neka klijent vidi vašu filozofiju i prednosti na prvom ekranu.

4. Prikažite proizvod/uslugu, proces ili rezultat njegove upotrebe

Na ovaj način potencijalni kupac će odmah znati za šta ste specijalizovani i biće uključen u proizvod.

5. Pomozite kupcima da vas odmah kontaktiraju

Na baneru napišite svoj broj telefona, e-mail i druge kontakte kompanije. Ako je geografska lokacija važna za vaše poslovanje, na primjer, bavite se ugostiteljstvom ili horeca industrijom, adresa će vam također biti korisna.

6. Najavite događaje

Promotivni koncerti, očekivani dolasci nova kolekcija ili lansiranje proizvoda, održavanje festivala/konferencije/dan za klijente? Recite svima koji dolaze u zajednicu o tome.

7. Predstavite promocije i popuste

Gdje još na glavnoj platformi možete reći publici da upravo sada mogu naručiti od vas 2 puta jeftinije? Najvažnije, ne zaboravite promijeniti ilustraciju nakon isteka ponude.

8. Ponudite da preduzmete ciljanu akciju

Prilikom učitavanja omota zajednice, dva dugmeta su postavljena horizontalno u donjem desnom uglu - Napiši poruku i Pridružite se grupi. Uperite strelicu u njih kako biste dodatno privukli pažnju publike. Dakle, ako je proizvod prikazan na baneru, možete ponuditi da ga naručite odmah u porukama. A ako sadrži sažetak najnovijih vijesti, pretplatite se da uvijek primate najnovije informacije.

Otpremite avatar i odaberite sličicu

Neki brendovi još uvijek ne usvajaju naslovnicu, preferirajući stari izgled prvog ekrana grupe, koristeći kombinaciju avatara i zakačenog posta kao takozvanog „zaglavlja“. U ovom slučaju, jedna slika je nastavak druge. Najimpresivnije izgleda kada se fotografija završi na istom nivou kao i avatar.

Kada koristite maksimalnu veličinu avatara od 200x500 piksela, veličina slike u zakačenoj objavi mora biti 510x308 piksela. Odlična tehnika za privlačenje je prilaganje videa postavljenog putem playera društvenih mreža, koji stilski nastavlja avatar.

Ako koristite naslovnicu kao zaglavlje, avatar će se tada uvijek prikazivati ​​kao sličica.

Pravila za dizajniranje sličice avatara VK zajednice

Sličica je mala okrugla slika koja je izrezana od velikog avatara, a prikazuje se u potrazi za grupama, na listi zajednica za svakog korisnika i lijevo ispod naslovnice, ako postoji. Evo nekoliko savjeta za dizajn.

1. Sličica treba da bude razumljiva publici

Ne biste trebali objaviti komad čudne ilustracije. Vizualizirajte nešto što će ciljna publika naknadno povezati s brendom, na primjer logotip, ikonu proizvoda/usluge ili možda glavni marketinški lik brenda.

2. Koristite samo visokokvalitetne fotografije

Bolje je uploadati izvor 2-3 puta veći od potrebne veličine, tako da možete zaboraviti na strašne "kvadrate" piksela koji vas ne prikazuju u najboljem svjetlu.

3. Dizajnirajte vlastite ilustracije

Standardne slike će izgledati jeftino i neprofesionalno, te će postati sinonim za nepovjerenje korisnika prema brendu. Napravite jedinstvene dizajne u istom konceptu i bojama kao i ostatak dizajna.

4. Slike koje su u kontrastu sa pozadinom stranice su ono što vam treba

Kada dizajnirate VK sličice tako privlačno, „okrugli komad“ će se isticati u feedu među ostalim grupama i neće se stopiti s pozadinom stranice.

5. Postavite kontakte ili USP kompanije

U zavisnosti od svrhe koju imate za minijaturu, postavite je na nju. kontakt telefon ili adresu web stranice, informacije o besplatnoj dostavi, naznaku najniže cijene u segmentu ili promociji.

6. Učinite tekst velikim i čitljivim

Bolje je ne koristiti serifne ili kurzivne fontove - previše su bučni kada se gledaju na ekranima računara, mobilnih uređaja i pametnih telefona, zasipajući pogled. Vodite računa da tekst ne prelazi granice izrezane sličice. Ovo će vam omogućiti da ispravno i efikasno prenesete poruku korisniku.

7. Koristite prilagođene oblike

Na primjer, u željeni okrugli predložak unesite poligon ili drugi geometrijski oblik na bijeloj pozadini. Napravite efekat nepročitanog obaveštenja ili grafičku „online“ ikonu.

Razvijte meni

Meni je važan element dizajna grupe u Kontaktu, koji korisnicima olakšava navigaciju kroz grupu - ljudima će biti praktičnije da pronađu informacije koje su im potrebne. Svaki element i stranica kreirani su u posebnom programskom jeziku - Wiki markup. Koristeći ga, možete napraviti slike na koje se može kliknuti i kreirati pogodne stranice unutar društvene mreže kao da je web stranica.

Možete koristiti i otvorene i zatvorene menije. U prvom slučaju, korisnik odmah vidi odjeljke koji su uključeni u njega, u drugom im prethodi slika za pregled s natpisom „Meni“. Meni također može vizualno postati nastavak avatara ako koristite staru opciju dizajna zajednice.

Razvijte izlog proizvoda

Kada stavljate proizvode u izlog svoje zajednice, zapamtite da korisnici uvijek vide prve 3 stavke. U njih postavite one najpopularnije i najnaručivanije, uploadujući sliku prezentacije u istom stilu. Ovdje objavite uniformne ikone ili fotografije samih proizvoda. Usluge se mogu postaviti u proizvode. U dizajnu prikažite proces pružanja usluge ili njen rezultat. Veličina takve slike će biti kvadratna - 400x400 piksela.

Post dizajn

1. Iskoristite u potpunosti dostupne veličine slika

Maksimalna širina slike u feedu je 510 piksela. Kvadratne slike od 510x510 piksela i pravougaone slike od 510x300 piksela izgledaju najimpresivnije.

2. Razvijte prilagođeni stil objave

Da bi vaši postovi izgledali individualno, osmislite ih uniformni stil, font i šema boja.

3. Postavite kratak tekst na sliku

Na primjer, možete podijeliti sliku na 2 dijela - tekstualni i grafički ili napisati tekst dok zatamnjujete pozadinu. Da bi tekst bio vidljiv bez zatamnjene pozadine, napišite ga na pozadini (kontrastni grafički blok ujednačene boje) ili dodajte sjenu na natpis. Fotografije sa okvirom izgledaju dobro.

4. Napravite nekoliko šablona za različite svrhe

Na primjer, za citate koristite jedan šablon za prezentaciju vizualnih informacija, za najavu materijala sa stranice - drugi, a za takmičenja treći.

Koristite ove apsolutne tehnike i vaša kompanija će biti predstavljena na VKontakteu na najbolji mogući način, a kupcima će biti zgodno da komuniciraju s njom. Ali ne zaboravite da je svemu potrebna umjerenost! Pogledajte još svježije ideje za dizajniranje VK zajednice na stranici usluga agencije Tesla Target.

U ovom članku želio bih sistematizirati svo svoje znanje o dizajniranju VKontakte grupa na osnovu mog iskustva u interakciji s klijentima i njihovim preferencijama. Štaviše, u proteklih šest mjeseci VKontakte je napravio mnoge promjene kojih mnogi nisu ni svjesni. Želio sam se detaljnije zadržati na nekim inovacijama, jer među njima ima zaista vrijednih i korisnih stvari. Čini se da smo se svi oporavili od nekog šoka nakon redizajna VKontaktea, a iza vidljivih promjena otkrili smo multivarijantno funkcioniranje i sadržaj grupe. Dakle, sada dizajn grupa uključuje složenu proceduru koja nije ograničena samo na grafičku komponentu u obliku prekrasnih slika. Sada vlasnici moraju uzeti u obzir mnoge nijanse izgradnje grupne strukture, ovisno o temi poslovanja i pogodnostima korisnika.

To se uglavnom odnosi na izbor grafičkog dizajna između dvije međusobno isključive opcije, izradu internog menija, izbor ulazne tačke u interni meni, razumijevanje razlike između kataloga i izlaganja proizvoda, pripremu promotivnih materijala za promociju grupe. , koristeći korisne aplikacije. Ali prvo prvo. Prvo ćemo pogledati osnovne elemente dizajna grupe, zatim ćemo prijeći na njihovu interakciju u obliku različitih kombinacija, a zatim ćemo govoriti o nekim korisnim karakteristikama i suptilnostima.

1. Horizontalni poklopac (zaglavlje)
Počnimo s horizontalnim omotom ili zaglavljem. Programeri VKontaktea uvjeravaju nas da poklopac, zbog svoje veličine, pruža veću upravljivost u pružanju i vizualizaciji informacija. Obično, pored prelepe slike, zaglavlje sadrži logo, prateće informacije, kontakte, poziv za pridruživanje grupi i adresu web sajta. Sumnjam da će jednog dana naslovnice biti jedina stvar moguća opcija grupni dizajn, pa bih preporučio da se odmah prebacite na njih kako biste izbjegli kasnije redizajn više sile.

Kako postaviti naslovnicu
Da preuzmete naslovnicu, trebate otići na Upravljanje zajednicom >> Blok osnovnih informacija >> Naslovnica zajednice >> Prijenos. Preporučena veličina omota je 1590x400 piksela. U zaglavlju ne može postojati nikakva radna dugmad koja se može kliknuti - u suštini to je slika i to je to. Danas je naslovnica vidljiva na mobilnim uređajima, a čini se da je već vidljiva u aplikacijama i klijentima.

Wiki kartica Najnovije vijesti
Gornji blok ispod zaglavlja sada može sadržavati tri kartice: zakačeni post, informacije o zajednici i wiki meni (samo u grupama; ne postoji takva kartica na javnim stranicama). Naglasak je i dalje na zakačenoj objavi, ali čak i uz njeno prisustvo, korisnik će sada uvijek imati pristup informacijama o zajednici prelaskom između kartica. Da bi se pojavila kartica wiki menija (u početku se zove Najnovije vijesti), trebate otići na Upravljanje zajednicom » Odjeljci » Materijali » Ograničeno (ili Otvoreno) » Sačuvaj.

2. Vertikalni avatar
Sada skrenimo pažnju na stari dobri avatar za grupu dimenzija 200x500 piksela. Za sada je to i način da se dizajnira grupa. Obično avatar sadrži sljedeće informacije: logo, prateći tekst ili slogan, kontakte, poziv za pridruživanje grupi. Na mobilnim uređajima cijeli avatar nije vidljiv, vidljiv je samo dio - sličica. Da biste dizajnirali grupu, možete koristiti horizontalno zaglavlje (korica) ili vertikalni baner. Ako postoji zaglavlje, vertikalni avatar nije vidljiv. Na avataru ne može postojati nijedan radni gumb koji se može pritisnuti - u stvari, to je slika i to je sve.

3. Minijatura
Trenutno se vertikalni avatar koristi za kreiranje sličice, čija je minimalna veličina 200x200 piksela. Sličica se koristi u objavama i unosima u obliku malog kruga pored naslova i u obliku većeg kruga u nekim odabirima i spominjanjima zajednice. U vezi s prijelazom na okrugli oblik, zahtjevi za minijaturama postali su stroži. Da bi tekst na minijaturi bio potpuno čitljiv, ne smije se vizualno širiti izvan granica kruga.

Kako učitati sličicu
Minijatura je postala potpuno samostalan element, a kada koristite naslovnicu (zaglavlje) u dizajnu grupe, sada morate napraviti zasebnu minijaturu, imajte na umu. Ako grupa nema zaglavlje (naslovnicu), tada da biste učitali sličicu potrebno je da kliknete na “Učitaj fotografiju” u bloku avatara (gore desno). Ako dizajn sadrži zaglavlje (naslovnicu), tada da biste prenijeli sličicu potrebno je kliknuti na krug odmah ispod zaglavlja i tamo odabrati "Učitaj fotografiju".

4. Baner
Baner (engleski baner - zastava, baner) - grafička slika informativni, reklamni ili promotivni. Baner je priložen kao slika uz objavu i može imati samo jedan interni link. Mnogi su još uvijek uvjereni da se sa banera na glavnoj stranici može napraviti nekoliko linkova. Ovo nije tačno, samo jedan link i to je to. Istaknuo bih sljedeće vrste banera.

4.1 Informativni baner
Uobičajeni tip banera koji sadrži opšte informacije o kompaniji, grupi, usluzi ili događaju sa detaljnom listom pogodnosti i ostalim pratećim materijalima. Često se koristi kao zakačena objava u grupi. Veličina ovog banera je 510x307 piksela. Kod ove veličine, dno banera se poklapa sa avatarom. Ako nema veze s avatarom, možete koristiti bilo koju veličinu. Na primjer, koristim veličinu 600x350 piksela. Kvadratni format od 510x510 piksela je takođe zgodan i postaje sve popularniji - sa ovom veličinom baner zauzima najveću moguću površinu. news feed.

4.2 Baner za ulazak u interni meni
Ako baneru iz prethodnog pasusa dodamo upečatljiv natpis „Otvori meni“, dobićemo baner čiji je glavni zadatak da služi kao ulazna tačka u interni meni. Ponekad kreiraju mamac u obliku nekoliko dugmadi na baneru, ali to je iluzija kada se klikne, korisnik i dalje dolazi na internu stranicu, a tamo svako dugme ima svoj link. Veličina ovog banera je 510x307 piksela. Sa ovom veličinom, dno banera se poklapa sa avatarom. Ako ulaz u meni nije vezan za avatar, tada možete napraviti baner bilo koje veličine, čak i usko dugme s natpisom "Otvori meni". Glavna stvar je da širina banera bude najmanje 510 piksela.

4.3 Kartica za repost, promocije
IN u poslednje vreme Kartice za ponovno objavljivanje ili dijeljenje postale su posebno relevantne. Njegov zadatak je poziv na određenu akciju. U suštini to je "Pridruži se grupi, repost ili lajk i osvoji nagradu." Takvi baneri se koriste kao dio reklamnih kampanja ili promocija kako u svojim grupama tako i za promociju u drugim grupama. Obično koristim 600x350 piksela.

4.4 Baner sa gif animacijom
Nakon što su programeri VK početkom godine napravili veće veličine za gif slike, gifovi su odmah stali uporedo sa informativnim banerima. Na primjer, na GIF baneru možete prikazati slike nekoliko proizvoda ili tekstova koji se mijenjaju - pokret odmah privlači pažnju. I kada je funkcija dodana u junu automatsko pokretanje gif animacija u feedu vijesti, GIF-ovi su postali predmet velike pažnje oglašivača i marketinških stručnjaka.

5. Avatar+fiksni dizajn banera
Do nedavno, ovaj modularni dizajn, koji se sastojao od avatara i zakačenog banera, bio je najpopularniji način za dizajn grupa. Više detalja o tome kako napraviti ovaj dizajn opisano je u lekciji. S pojavom zaglavlja (poklopca), popularnost ovog dizajna može se malo smanjiti.

Osim toga, postoji mogućnost da će VKontakte ponovo promijeniti neke parametre blokova i tada će cijeli dizajn otpasti, kao što se dogodilo dva puta u posljednjih šest mjeseci. Dakle, dragi vlasnici grupa, kada birate dizajn za svoju grupu, uzmite u obzir ovu činjenicu. Da, i još nešto, na mobilnim uređajima se ne vidi sva ljepota jedne slike, pošto se ne prikazuje avatar, već samo sličica, a zakačena objava se nalazi odmah ispod.

6. Interni navigacijski meni
Meni u obliku aktivnih veza nalazi se na internoj VKontakte stranici i napisan je pomoću wiki naredbi za označavanje. Kako napraviti samu unutrašnju stranicu opisano je u lekciji. Koristeći meni, korisnik se kreće kroz grupu. U nastavku ćete pogledati tipove internog menija, ali za sada ćemo se fokusirati na nekoliko važnih tačaka.

Ulazne tačke na interni meni
Želeo bih da istaknem jednu suptilnu tačku kojoj se često ne pridaje važnost. Ponekad klijenti od mene naruče interni meni, ali nemaju pojma kako će korisnik doći do ovog internog menija. Do njega možete doći na dva načina: ili preko zakačenog banera (pogledajte paragraf 4.2) ili preko tekstualnog linka na gornjoj kartici ispod statusne linije (pogledajte sliku ispod). Ponekad se tekstualni link postavlja i u blok “Linkovi” u desnoj koloni interfejsa.

Interni linkovi menija
Obično, prilikom naručivanja, kupci naznačuju sljedeće stavke menija: O nama, Naši proizvodi (katalog), Načini isporuke, Plaćanje, Garancije, Recenzije, Kontakti, Promocije, Popusti, Raspored, Kako naručiti, Portfolio, Pitanja i odgovori, Informacije, Naručite. Veze iz stavki menija mogu ići do odgovarajućih sekcija eksternog sajta. Zatim se link automatski otvara u novom prozoru. Većina bodova vodi na interne stranice VKontaktea. U tom slučaju, stranica se otvara u istom prozoru i morate napraviti link ili dugme „Povratak na glavni meni“.

Veze ka albumima sa fotografijama i video zapisima otvaraju se u novom prozoru. U istom prozoru i u u ovom slučaju Na meni se možete vratiti samo preko početna stranica web stranicu ili putem dugmeta „Nazad” u pretraživaču. Ovo je možda najnezgodniji trenutak sa ovakvim linkovima.

Uređivanje menija
Često me klijenti pitaju da li je moguće uređivati ​​interni meni. Moj odgovor je, ako ste siguran korisnik i upoznati ste sa wiki označavanjem i načinima uređivanja, onda možete uređivati. Ali ako niste upoznati sa svim ovim, onda apsolutno ne. U tom slučaju ćete jednostavno uništiti sve postavke.

Citirat ću riječi samih programera VKontaktea. “Jedan jednostavan savjet će vam uštedjeti mnogo truda i živaca: radite samo u jednom režimu. Ili je to vizualni ili wiki način označavanja. Prebacivanje između ova dva načina rada tokom rada na označavanju donosi većinu problema: slike mogu postati manje, različiti parametri mogu nestati. Ovo je jedna od onih stvari koje će se definitivno ispraviti u budućnosti, ali za sada moramo imati na umu ovu činjenicu.”

Mobilni odziv
I još jedna stvar o prilagodljivosti. Da bi interni meni izgledao isto na mobilnim uređajima, potrebno je da ga rasporedite na tabele. Tada će slika biti čvrsto fiksirana. IN inače, kada se veličina ekrana smanji, slike imaju tendenciju da se pomeraju jedna ispod druge, kršeći prvobitno predviđeni redosled.

Evo, opet, riječi programera o prilagodljivosti. „Viki meni je prikazan u mobilni pretraživači, ali se ne prilagođava veličini ekrana, što može uzrokovati da slike izgledaju drugačije nego na računaru. Na mreži možete pronaći vodiče o tome kako prilagoditi wiki oznake mobilnih uređaja, ali čak ni oni ne garantuju 100% performanse na svim uređajima.”

7. Vrste internog navigacionog menija
Ispod su najčešći tipovi internih menija. Postoje jednostavnija i jeftinija rješenja koja imaju visok stepen pouzdanosti. A postoje složeniji i radno intenzivni dizajni u smislu grafike i izgleda. Ali izgledaju impresivnije.

7.2 Veliki grafički meni
U ovom slučaju, okomiti red veza nalazi se na velikoj pozadinskoj slici i ima čvrsto fiksiranu strukturu. Evo lekcije.

7.3 Meni u obliku ikona, pločica
Ovaj dizajn uključuje nekoliko redova i stupaca u obliku grafičkih ikona i natpisa za njih, ili grafičkih višebojnih ili jednobojnih pločica.

7.4 Dinamički meni sa efektom navigacije
Veoma impresivan dizajn koji simulira navigaciju sajtom uz efekat klikova na dugme ili drugih oznaka posećenih linkova. Ovakvim menijem je prilično teško upravljati i zahtijeva vještine u komunikaciji sa wiki oznakama, jer ćete također morati uređivati ​​informacije na stranicama u wiki oznakama. Evo lekcije na ovu temu.

Evgenia Kryukova

*Ažuriranje članka.

Prekrasan dizajn zajednice VKontakte nije hir, već važan element koji gradi povjerenje korisnika u vas i vašu kompaniju. Ako je javna stranica ili grupa dizajnirana neprofesionalno, vaši potencijalni klijenti mogu sasvim logično zaključiti da ste jednako nemarni u svom poslu. Da se to ne bi dogodilo, pobrinite se da vaša stranica VKontakte bude lijepa, uredna i jednostavna za korištenje. Kako to učiniti? Pročitajte u nastavku.

Trenutne veličine VKontakte slika

Prije nekog vremena programeri društvena mreža VKontakte je lansirao novi dizajn. To je dovelo do promjena u veličini i principima prikaza slike. Dopis, koji će biti dat u nastavku, odgovara svim inovacijama i sadrži dimenzije koje su relevantne za trenutno vrijeme.

Hajdemo sada detaljnije o svakoj tački.

Veličina VK avatara

Minimalna veličina avatara je 200 x 200 piksela. Ako pokušate učitati sliku koja je manja od 200 piksela široka ili duga, vidjet ćete grešku poput ove:

Maksimalna veličina avatara je 200 x 500 piksela. Ali, u principu, možete učitati veće slike – do 7000 piksela sa svake strane. Glavna stvar je da omjer stranica ne prelazi 2 do 5.

Pokazat ću vam primjerom.

Imam sliku. Njegova veličina: 200 x 800 piksela (odnos 2 prema 8). Nema grešaka prilikom učitavanja. Međutim, još uvijek ne mogu koristiti ovu sliku, jer mi "Kontakt" ne dozvoljava da je u potpunosti izaberem.

Cover

Veličina omota za punu verziju stranice je 1590 x 400 piksela.

Napomena: in mobilna verzija i aplikacijama, ne prikazuje se puna verzija omota, već samo njegov dio dimenzija 1196 x 400 piksela. Pogledajte kako je izrezan u mobilnoj aplikaciji:

Da se to ne bi dogodilo, postavite glavne elemente omota unutar 1196 x 400 piksela.

Priložene slike

U ažuriranom dizajnu Kontakta, širina feeda vijesti je fiksna. To znači da se slike prikačene uz post više ne rastežu, već ostaju takve kakve jesu. Stoga, ako želite da vaša slika ispuni cijeli prostor u feedu vijesti, njena širina mora biti najmanje 510 piksela. Najbolje je da je to kvadrat ili pravougaonik u pejzažnoj orijentaciji.

Zvuči malo zbunjujuće :) Pa ću vam pokazati na primjeru.

Recimo da imamo sliku kvadratnog oblika sa stranicama od 510 piksela. Ako ga priložimo uz naš post, izgledat će vrlo dobro u feedu vijesti na svim uređajima:

A ovako izgleda horizontalna slika u pejzažnoj orijentaciji (širina 510 piksela):

Kao što vidite, što je slika uža (po visini), izgleda manje u feedu pametnog telefona. Da vidite ovo, pogledajte sliku ispod:

Jasno je da razlika ovdje nije posebno kritična, a korisnici pametnih telefona će i dalje gledati vašu sliku, samo će im u drugom slučaju biti malo ugodnije.

Slike za postove sa linkovima

Svi ovi podaci dolaze iz Open Graph markup koda:

Ako Open Graph nije naveden, naslov se uzima iz meta oznake Naslov, a slika iz članka. U isto vrijeme, možete ga jednostavno promijeniti - ili odabrati drugu sliku iz članka pomoću posebnih strelica:

Ili prenesite svoje:

Minimalna veličina slike koju možete koristiti kao najavu za svoj članak je 537 x 240 piksela. Međutim, možete otpremati veće slike sve dok se održavaju proporcije.

Slika za članak kreiran u uređivaču

Veličina slike za naslovnicu članka kreiranog u uređivaču je 510 x 286 piksela. Bolje je da je tamne boje i manje-više jednobojne, jer se naziv članka i zajednice gubi na svijetloj pozadini.

dobar primjer:

Nije baš dobar primjer:

Veličina fotografija i videa za priče

Veličina za fotografije je 1080 x 1920 piksela. Veličina videa je 720 x 1280 piksela.

Tehničke specifikacije za video snimke:

• do 15 sekundi;
• ne više od 5 MB;
• h.264 kodek;
• AAC zvuk.

Priče moraju koristiti fotografije i video zapise u vertikalnom formatu.

Imajte na umu: priče u ime zajednica trenutno mogu dodavati samo velike zajednice za koje su programeri VKontaktea otvorili ovu funkciju. I to se radi uz pomoć službena prijava. Ovo se ne može uraditi sa računara.

Primjeri dinamičkih omota:

Naslovnica + opis zajednice + link na web stranicu

Neke kompanije izričito ne kače nikakve objave u zaglavlju kako bi korisnici imali priliku pročitati osnovne informacije o stranici i odmah otići na stranicu.

Opis sa hashtagovima

Neke kompanije standardnom opisu stranice dodaju hashtagove koji je karakterišu. To je učinjeno kako bi stranica imala jasniju relevantnost, te je zbog toga veća u potrazi za relevantnim upitima. Iskreno, ne znam da li ova metoda radi ili ne. Nisam vidio nijedan slučaj na ovu temu, pa ako neko zna, bio bih zahvalan ako podijelite link.

Zakačena objava koja govori o čemu je stranica

Ako želite detaljnije ispričati svoju stranicu (sa fotografijama, linkovima i lijepim izgledom), onda možete u zaglavlje priložiti wiki post ili članak napravljen u editoru, sa svijetlom slikom na najavi koja će ohrabriti korisnike da kliknete na njega. Primjer takvog posta:

A ovo je ono što korisnik vidi nakon što klikne na link:

Novi meni veza

Ne tako davno, programeri VKontaktea konačno su obradovali vlasnike zajednica novim alatom pomoću kojeg možete kreirati menije - brzo i bez ikakvih problema sa wiki stranicama. Izgleda pomalo primitivno, pa kako kreirati prelep meni, reći ću ti i ja.

Meni se automatski pojavljuje ako koristite aplikacije zajednice ili imate povezanu trgovinu. Na primjer, na prethodnoj slici sve tri stavke menija su veze do aplikacija. Ovdje možete dodati svoje - za važne objave, albume, rasprave itd., do 7 komada (ne računajući aplikaciju). Ali možete povezivati ​​samo resurse unutar društvene mreže, osim wiki stranica.

Da uredite meni, kliknite na "Prilagodi" u gornjem desnom uglu widgeta:

Da biste dodali stavku menija, kliknite na New Link.

U prozoru koji se otvori izaberite naslovnu sliku (minimalna veličina – 376x256 px), unesite naziv stavke menija (važno je da bude unutar 20 karaktera sa razmacima), dodajte link i kliknite na „Sačuvaj“.

Ako želite da sakrijete aplikaciju iz menija, promenite njen naslov ili naslovnicu, kliknite na „Uredi“ pored odgovarajuće stavke. Isto se može učiniti i sa drugim linkovima koji su dodati ručno i zahtijevaju prilagođavanja.

Izlaz bi trebao biti otprilike ovako:

Grupni meni je otvoren

Otvorenim menijem nazivam meni koji odmah pokazuje od kojih se stavki sastoji. Odnosno, slika objave wiki objave u potpunosti duplira njen sadržaj. Tako korisnici odmah vide šta ih čeka unutra. Pokazat ću vam primjerom.

Ovako izgleda zakačena objava u zaglavlju stranice Flatro:

Grupni meni je zatvoren

Zatvoreni meni je isti wiki post kao u prethodnom pasusu, samo najava sadrži sliku bez stavki menija. Obično na njemu pišu: “Meni”, “Navigacijski meni” ili “Navigacija kroz javne materijale”.

A evo šta vidimo kada kliknemo na njega:

Usput, vrijedi napomenuti da ovo nisu jedine opcije. U suštini, na ovoj slici možete napisati šta god želite. Glavna stvar je da korisnik želi da klikne na nju i da razumije šta ga čeka nakon toga. primjer:

Spojeni meni za grupu

Spojeni meni je kada slika na najavi vašeg menija čini jednu sliku sa avatarom. U nastavku ću vam detaljno reći kako da napravite takav meni, ali za sada samo pogledajte kako lijepo izgleda.

Želite li lijepo dizajnirati svoju VKontakte zajednicu, ali nemate potrebne vještine? Naručite registraciju od naše kompanije. Za vas ćemo pripremiti avatar, naslovnicu, šablone za naslove, menije i preglede proizvoda.

GIF i avatar u jednoj slici

Ali ova opcija dizajna za šešir me je zaista oduševila. Automatski reprodukovani GIF se spaja sa avatarom u jedinstvenu kompoziciju i privlači pažnju korisnika, iako o njemu uopšte nema informacija.

Inače, uočio sam ovaj primjer u grupi SMM marketingaša Sergeja Šmakova. Zato mu izražavam svoju zahvalnost na pronalasku :)

Skriveni meni

Skriveni meni je dostupan samo za grupe (stranice nemaju ovu funkciju). Da biste ga vidjeli, potrebno je da kliknete na odgovarajući link. Prednost ove metode dizajna je u tome što korisnici mogu vidjeti glavne informacije zajednice, a ako žele koristiti meni, potrebno im je samo jedan klik. Međutim, ovdje postoji mali nedostatak - ne znaju svi korisnici za postojanje ove funkcije, tako da vašem izborniku može posvetiti manje pažnje nego da je zakačen na vrhu stranice.

Automatsko reproduciranje videa

Krajem novembra 2015. na društvenoj mreži VKontakte pojavila se zanimljiva inovacija - čim korisnik posjeti vašu stranicu, video priložen uz zaglavlje počinje automatski da se reproducira. Ovom tehnikom možete privući još veću pažnju korisnika (posebno onih koji su prvi put posjetili vašu stranicu), a pritom ne iritirati one koji ne vole da im se nameće svoj sadržaj jer se video reproducira. bez zvuka i praktično ne ometa.

Kako dodati takav video u zaglavlje vaše stranice?

Da biste to uradili, moraju biti ispunjena tri uslova:

• Priložite video uz objavu i zakačite ovu objavu na vrh zajednice.
• Osim videa, uz snimak ne treba priložiti ništa drugo. Samo video i tekst opcioni.
• Video se mora prenijeti na VKontakte - plejeri trećih strana nisu podržani.

Objava koja dobija mnogo dijeljenja

Drugi način da produktivno iskoristite prostor u zaglavlju vaše stranice je da na njega zakačite jedan od svojih najuspješnijih postova – onaj koji je već dobio i nastavlja dobivati veliki broj lajkova i dijeljenja. Zašto to učiniti, mislim da svi razumiju - što više repostova, to je veći doseg, više pretplata stranica prima.

Najave novih videa, albuma, događaja

Prezentacija novih proizvoda/usluga

Popusti i promocije

Futrole, recenzije kupaca

Oglašavanje aplikacija

Neriješeno

Pravila zajednice

Linkovi na druge društvene mreže

Nisam naveo sve opcije dizajna zaglavlja. U osnovi, možete staviti bilo koju vrstu informacija na svoju naslovnu stranicu i zakačenu objavu: otvorena radna mjesta, najave, veze do najprodavanijih proizvoda, itd. Stoga se nemojte ograničavati na primjere iznad. Upotrijebite svoju maštu i iskoristite dizajn svoje zajednice kako biste postigli svoje ciljeve.

Kakav bi trebao biti avatar?

Avatar nije samo prekrasna slika sa logotipom vaše kompanije, već i radni alat marketera pomoću kojeg on ostvaruje svoje ciljeve. Pogledajmo detaljnije kakav bi trebao biti da bi privukao pažnju korisnika i potaknuo ih na izvršenje ciljane radnje. Počnimo sa minijaturom.

Sličica avatara

1. Tekst na sličici vašeg avatara trebao bi biti dovoljno velik da se može pročitati.







2. Tekst ne treba da se proteže dalje od sličice.







3. Korisnici bi trebali razumjeti šta je prikazano na avataru.







4. Ako je moguće, bolje je ne koristiti slike na zalihama, jer one često smanjuju kredibilitet kompanije.




5. Neželjeno je da sličica avatara bude previše izblijedjela i dosadna, inače će se izgubiti na pozadini svjetlijih avatara konkurenata.



6. Ako želite da vaš avatar izgleda moderno, napravite ga u minimalističkom stilu: manje teksta, senki, preliva i elemenata koji nemaju nikakvo semantičko značenje. Vaš avatar bi trebao biti što jednostavniji i uredniji. Ovaj stil je trenutno u trendu.







7. Ako vam je cilj privući pažnju korisnika i izdvojiti se od ostalih avatara u feedu, morat ćete upotrijebiti svoju maštu. Razmislite na šta i sami obraćate pažnju kada tražite zanimljive zajednice? Na primjer, više puta su me privukli avatari sa upaljenim svjetlom, što obično ukazuje da je stigla nova poruka. Ovo je vrlo stara tehnika, ali iz nekog razloga još uvijek djeluje na mene - kada vidim takvo svjetlo, sigurno ću zadržati svoj pogled na njemu.

Ne kažem da će ova tehnika raditi na vašoj stranici. Ono što želim da kažem je da postoji mnogo, mnogo načina da se istaknete, samo se morate zapitati i biti malo kreativni. Evo, na primjer, još jedne interesantne ideje na koju se teško da bih sam pomislio:

Avatar je crni krug: veliki i mali. Čini se, zašto to uopšte raditi? Ali kada skrolujete kroz listu zajednica, takvi avatari privlače pažnju jer se jako razlikuju od svih ostalih.

Koje informacije se mogu staviti na sličicu avatara?

Iako je sličica avatara vrlo mala, može (i treba) se koristiti za privlačenje sljedbenika u vašu zajednicu. Kako to učiniti? Pogledajmo nekoliko opcija:

Najava novog proizvoda/usluge/događaja

Prednosti kompanije/usluge/stranice

Broj telefona kompanije

Povoljne cijene

Besplatna dostava

Inače, vrlo često informacije o tome šta kompanija pruža besplatna dostava, dodaju se samom nazivu grupe tako da korisnici svakako obrate pažnju na to.

Stock

Takmičenja

Slobodna radna mjesta

Kakav bi trebao biti sam avatar?

Pogledao sam kakva bi trebala biti sličica avatara i koji tekst bi se mogao staviti na nju. Sada pređimo na sam avatar. Puna verzija Avatar će biti prikazan samo u zajednici u kojoj naslovnica nije instalirana. Za takve slučajeve sam napisao ovaj odeljak. Dakle, kakav bi trebao biti avatar vaše zajednice kako bi korisnici odmah shvatili da je vaša kompanija odgovorno i profesionalno pristupila kreiranju stranice.

1. Avatar mora biti visokog kvaliteta. O tome kako to postići pisao sam malo više. Za one koji su propustili ovaj dio, reći ću vam ukratko - veličina avatara bi trebala biti 2-3 puta veća od one koju ste planirali.
2. Preporučljivo je da avatar bude kombinovan sa menijem: da bude iste šeme boja, da ima iste fontove, elemente itd. Zahvaljujući tome, zaglavlje vaše stranice će izgledati urednije i profesionalnije. primjer:




3. Sam avatar i sličica avatara mogu se razlikovati. Na primjer, možete nacrtati krug na svom avataru, dizajnirati ga onako kako želite, odabrati to područje kao sličicu i dizajnirati ostatak avatara u drugom stilu.




Druga opcija je podijeliti avatar na dva dijela. Jedan je za minijaturu, a drugi za ostatak avatara.




4. Kako biste podstakli korisnike da se pretplate na vašu stranicu ili napišu poruku predstavniku kompanije, možete postaviti odgovarajući poziv na akciju na samom dnu avatara i popratiti ga strelicom koja pokazuje na dugme.




5. Pokušajte da ne stavljate previše informacija na svoj avatar, inače će izgledati preopterećeno i neuredno. Dodajte mu samo najvažnije tačke i pazite da između njih postoji "zrak".

Koje informacije se mogu staviti na avatar?

U osnovi, možete staviti sve što želite na svoj avatar. Za razliku od minijature, ovdje zaista ima mjesta za lutanje. Glavna stvar je da to ne zloupotrebljavate :)

Domena web stranice

Telefon/adresa/radno vrijeme

Takmičenja/promocije

Najviše kupljenih proizvoda/novosti

Informacije o dostavi

Oglašavanje mobilnih aplikacija

Glavne prednosti kompanije/stranice/proizvoda itd.

Ažuriranje asortimana/nova kreativnost, itd.

Informacije da je vaša zajednica zvanična

Informacije o predstojećim događajima

Adrese naloga na drugim društvenim mrežama

Prošireni opis stranice

Hvali se

Općenito, na svoj avatar možete postaviti apsolutno sve informacije. Upravo sam uključio nekoliko ideja kako biste mogli vidjeti šta drugi rade i dobiti inspiraciju. Pa, imajte na umu osnovne preporuke: avatar bi trebao biti visokog kvaliteta, font bi trebao biti velik, a između elemenata bi trebalo biti više "zduha".

Kako napraviti besprijekoran avatar i meni

Da biste napravili spojeni avatar i meni, trebat će vam Adobe program Photoshop ili njegov ekvivalent. Objasnit ću cijeli proces koristeći Photoshop kao primjer. Pa, idemo.

1. Preuzmite predložak za Photoshop koji sam posebno pripremio za ovaj članak. U normalnoj veličini (meni – širina 510 piksela, avatar – 200) ili uvećana (meni – širina 1020 piksela, avatar – 400).
2. Otvorite sliku koju želite koristiti kao osnovu.
3. Kopirajte ga, zalijepite u šablon i postavite na način na koji želite da ga izrežete.

1. Dodajte efekte, tekst, grafiku itd.

1. Ako ne želite da izgubite dio slike (u tom razmaku od 50px), pomaknite ga udesno kao što je prikazano na sljedećem GIF-u:

1. Odaberite alat “Cutting” i kliknite na dugme “Fragments along Guides”.

1. Uklonite nepotrebne fragmente (desni klik miša - "Izbriši fragment") i uredite postojeće (desni klik - kliknite na prazan prostor - uzmite željeno područje i rastegnite ga do željene veličine).

1. Idite na odjeljak "Datoteka" i odaberite naredbu "Sačuvaj za web".

1. Idite na lokaciju na kojoj ste sačuvali slike (na radnu površinu ili neki određeni direktorij) i pronađite mapu pod nazivom “Slike”. Ovdje će ići vaše slike. Sada ostaje samo da ih popunite na stranici.

P.S. Visinu avatara možete mijenjati po vlastitom nahođenju. Uzeo sam maksimalnu veličinu - 500 piksela, ali vaša vrijednost može biti manja. Na primjer, kao na stranici “Wiki Markup”:

Kako koristiti widgete

Widgeti su također dio dizajna VK zajednice. Koristeći ih, korisnik može: naručiti, pretplatiti se na vaš newsletter, učestvovati u natjecanju, pročitati i ostaviti recenzije, otvoriti pretragu u zajednici, dobiti poklon, kupon za popust itd.

Evo nekoliko primjera kako izgledaju widgeti na stranici VKontakte:

class="incut">

Kako dizajnirati slike za postove

Ako ste web dizajner ili imate umjetnički ukus i osjećaj za lijepo, onda vam neće biti teško da smislite korporativni stil za svoje slike. Međutim, čini mi se da će takvi ljudi u ovom članku biti u manjini (i ja, inače, nisam jedan od njih). Stoga, pogledajmo pobliže kako se to radi na primjerima uspješnih kompanija.

Usput, imajte na umu da gotovo sve poznate kompanije VKontakte brendiraju svoje slike, odnosno dodaju mali logo, adresu svoje stranice ili vodeni žig. Ovo povećava svijest o brendu i štiti vaše slike od kopiranja. Da li se to isplati, svako odlučuje za sebe. Jedino što bih želio savjetovati je: ako se odlučite na to, pokušajte paziti da vaš logo ne bude previše svijetao i da ne zauzima previše prostora, inače će sav naglasak biti na njemu, a slika će izgubi svoju atraktivnost.

Gdje mogu dobiti dobre slike?

Imamo dobar članak na ovu temu na našem blogu - “”. Svi su besplatni, ali za neke je potrebna registracija. Ako ne pronađete ništa prikladno za sebe, pokušajte pretražiti po ključnoj riječi + pozadina (ili, ako je na engleskom, pozadina). Tipično, ova vrsta zahtjeva rezultira visokokvalitetnim slikama. Ali ovdje morate biti oprezni i provjeriti vrstu licence, inače, ako imate ozbiljan posao, možete upasti u nevolje.

Šta da rade oni koji ne znaju da rade u Photoshopu?

Ako nikada niste radili u Photoshopu (ili nekom drugom grafički uređivači) i još niste spremni posvetiti vrijeme savladavanju, možete koristiti usluge koje već imate gotovi šabloni slike za različite društvene mreže:

1. Fotor.com

Nakon toga na lijevoj strani ekrana odaberite šablon koji nas zanima. Imajte na umu da su besplatni samo oni šabloni koji nemaju ikonu dijamanta.

Ubacimo ga u predložak, označimo ga lijevom tipkom miša, izaberemo naredbu Layer (ikona sendviča) i kliknemo Premjesti na dno. Tako će naša slika ići u pozadinu, a na njoj će biti postavljeni svi natpisi.

Nakon toga mijenjamo tekst, font, veličinu fonta, poziciju natpisa itd.

Zatim kliknite na ikonu diskete, odaberite naziv, format slike, kvalitet i kliknite na dugme Prijavi se za preuzimanje.

Kako koristiti wiki oznake

Eto, dolazimo do najzanimljivijeg, a ujedno i teškog dijela. Možda među čitaocima ima ljudi koji ne znaju šta je wiki markiranje i prvi put čuju za ovaj termin. Stoga ću, posebno za vas, dati definiciju koju sam „Kontakt“ daje.

Wiki markup je jezik za označavanje koji se koristi za formatiranje teksta na web stranicama (obično klasifikovanim kao wiki projekti) i omogućava lakši pristup mogućnostima HTML jezika. Na našim wiki stranicama - dobra alternativa redovni postovi i tekstualna navigacija. Ako trebate napraviti veliki članak s različitim formatiranjem teksta (podebljano, podvlačenje, naslovi, itd.) ili mu dodati grafiku, ili jednostavno kreirati šareni navigacijski meni za svoju zajednicu, wiki je neophodan.

Baš kao što Wordpress (ili bilo koji drugi CMS) ima HTML uređivač pomoću kojeg kreirate članke, Contact ima svoj uređivač za kreiranje i uređivanje wiki stranica. izgleda ovako:

Pomoću ovog uređivača kreiraju se navigacijski meniji, kao i članci sa slikama, video zapisima i audio snimcima. U nastavku ću detaljno razgovarati o tome kako raditi u ovom uređivaču, ali prvo vas molim da označite dvije veze. Oni će vam puno pomoći u učenju wiki oznaka.

Većina administratora misli da podižući grupu na prvo mjesto u smislu ključni upit u gornjem kontaktu oni će uzeti većinu toga saobraćaj pretrage i zainteresovanih klijenata. Ponekad se to zaista i dogodi, ali u 90% slučajeva vlasnici grupa zaborave na kvalitetan dizajn grupe, pa čak i kada se nađu na prvom mjestu, puštaju vruće klijente da ih prođu.

Zašto se ovo dešava?

Razlog je vrlo jednostavan - loš dizajn tizera za pretragu zajednice. Jednostavno rečeno, vaša grupa u pretrazi treba da se izdvaja od konkurencije i da odgovara unosu što je bliže moguće upit za pretragu. Samo ako su ovi uslovi dobro ispunjeni, moći ćete da dobijete zajednicu sa visokim CTR-om i velikom verovatnoćom naknadne prodaje.

Kako utjecati na rezultate pretraživanja zajednice?

Najefikasnija poluga za utjecaj na grupne stope klikanja je sličica avatara.
Sličica igra veoma važnu ulogu u grupi, jer se prikazuje na svim mestima gde se grupa pominje:

• u novostima grupe
• u pretraživaču kontakata
• na Google i Yandex pretraživanju
• na linkovima iz drugih zajednica
• u novostima korisnika VK

Detalji s tako širokom pokrivenošću ne mogu se tretirati s prezirom. I kada grupna registracija minijature zahtijevaju posebnu pažnju.

Principi kreiranja sličica koje se mogu kliknuti.

1) Asocijativni red klijenta prilikom kucanja vašeg zahtjeva.
Razmislite o tome šta vaš potencijalni klijent očekuje da vidi kada kucate upit za koji se pojavljujete u pretrazi. Na primjer, ako mlada majka odabere kombinezon za bebu, onda najvjerovatnije očekuje da će na slici vidjeti sliku kombinezona ili sretne bebe u prekrasnom kombinezonu.

2) Raspon boja i kontrast u odnosu na konkurente.
Kada birate sliku za sličicu svoje grupe, pogledajte sličice svojih konkurenata. Koja se shema boja koristi, gustina elemenata na slici, njihovi logotipi. Glavni zadatak je stvoriti minijaturu koja se izdvaja od ostalih. Na primjer, ako je većina sličica zelena, neka vaša bude crvena, ako su sve dosadne, učinite svoje svijetle, ako su sve šarene, učinite svoje jednobojnim !

3) Ključne riječi na slici.
Prema našem iskustvu, postavljanje ključne fraze na sliku također ima pozitivan učinak na stopu klikanja sličice, promet zajednice i ukupnu učinkovitost promocija grupe.

4) Logo kompanije.
Takođe možete postaviti svoj logo na sličicu. Idealna situacija bi bila da logo bude u skladu sa gore navedenim principima.

Kada radimo sa našim klijentima, uvijek uzimamo u obzir sve nijanse, uključujući kvalitetnu sličicu grupe na koju se može kliknuti, kao i druge točke koje imaju ključan utjecaj na prodaju robe putem VK grupa.