Итак, как и говорил я в предыдущем посте, сегодня поговорим о том, как нужно верстать и оформлять свою группу. Для верстки групп нам понадобится 3 вещи:
1) Группа Wiki разметка в Вконтакте
2) Приложение Вики-разметка в Вконтакте.
3) Прямые руки, желание и воображение.
Группа Wiki-разметка в Вконтакте
Всё очень просто. Чтобы верстать обычные группы, Вам необходимо пойти на страницу с шаблонами. Там Вы уведите множество разнообразных меню, что позволит Вам выбрать понравившееся, посмотреть исходный код и начинать его разбирать по крупицам, что и за что отвечает. Именно так учился и я – мне всегда проще всё делать на примерах.
Естественно для начала стоит прочитать FAQ по вики-разметке, а также обратить внимание на уроки в той же группе. Как Вы можете наблюдать, та же группа по вики разметке имеет очень сложную структуру с менюшкам, разделами и прочими. Обилие контента данной группы просто поражает. Глядя на эту группу так и хочется что-то смастерить самому – вот и дерзайте! Это действительно хороший материал со всеми примерами и если Вы до этого не знали про эту группу, то обязательно вступите в нее и читайте там весь материал – лучше уроков Вам точно найти, а копировать в блог уже не имеет смысла. Идем далее…
Приложение Вики разметка в Вконтакте
Данное приложение позволяет ввести заголовок и ID группы, которая Вам понравилась и получить исходный код ее вики разметки. Таким образом можно подглядеть, как в какой-либо группе получился тот или иной эффект. Данное приложение также способствует тому, чтобы обучаться на конкретных примерах. Нет ничего лучше, чем разбирать чужие материалы – разбирая чужие материалы Вы научитесь делать то же самое сами, только на свой лад. Именно, подглядывая интересные решения у других и добавляя свои мысли, мы совершенствуемся и обучаемся.
Качественное оформление группы – какое оно?
Теперь поговорим о сквозных картинках в группе. Это когда Ваша лицевая картинка группы начинает переходить в основное содержимое, таким образом образуя единое целое. Так достигается весьма интересный эффект.
Для таких групп нам понадобиться Photoshop и такой инструмент, как направляющие, чтобы нарезать впоследствии макет на куски для меню и прочих частей (см. на рис. голубые линии). Я Вам советую сделать для такого типа групп один шаблон и уже под него все делать. Вот что использую я, постоянно меняя содержимое.
Все фотографии для группы заливайте в какую-нибудь стороннюю группу – у меня такая называется хранилище, доступа к которой нет ни у кого кроме меня. В итоге можно состряпать вот такую вот штуку:
Код данной группы будет иметь след. вид:
<center>[[photo-19271971_175452928|391x109px;nopadding;noborder;nolink|http://vashelement.ru]]
[[photo-19271971_175452929|391x281px;nopadding;noborder| Интернет-магазин Парфюмерии и косметики]]
[[photo-19271971_175452930|391x52px;nopadding;noborder|http://vashelement.ru/category/tualetnaja-voda-dlja-zhenshin/]]
[[photo-19271971_175452931|391x54px;nopadding;noborder|http://vashelement.ru/category/tualetnaja-voda-dlja-muzhchin/]]
[[photo-19271971_175452932|391x52px;nopadding;noborder|http://vashelement.ru/category/kosmetika/]]
[[photo-19271971_175452933|391x78px;nopadding;noborder|http://vashelement.ru/auxpage_2/]]
</center>
Советы при оформлении групп
1) Не используйте красный цвет или сокращайте его использование, т.к. при загрузке фото с элементами красного очень портится качество – видимо какой-то фильтр у контакта или просто так получается.
2) Добавляйте спец. предложения в группы после Вашей сквозной картинки и желательно в стиле минимализма с указанием цены. Желательно брать 2 товара (если Вы что-то продаете), которые бы значительно отличались ценой, чтобы показать контраст.
Код:
== Спецпредложения нашего Магазина ==
<center>[[photo-19271971_175447018|150x90px;noborder|http://vashelement.ru/product/armani-emporio-city-glam-for-him/]]
<b><center>948.00 руб.</center></b></center><center>[[photo-19271971_175447019|110x150px;noborder|http://vashelement.ru/product/hugo-boss-pure-purple/]]
<b><center>539.00 руб.</center></b></center>
3) По возможности пытайтесь использовать цвета Вконтакте – то есть оттенки синего побольше. Т.к. даже если Вы сделаете красивое оформление – всё вокруг будет других цветов. Один мой знакомый, который занимается конвертом через СМС, постоянно твердит о том, что группа с синими цветами конвертится лучше. Я сам когда-то пробовал 1 раз лить трафик на партнерку по софту в 2 группы и ощутил это на себе.
4) Главная наша цель (чаще всего) пропиарить сайт, следовательно употребляйте URL сайта, как в аватаре группы, так и в основном содержании. То же самое касается логотипа, если мы рекламируем фирму – это будет неким формированием запоминаемости бренда, тем более если мы имеем оффлайновый магазин.
5) Постоянно обновляйте альбомы, опросы, записи на стене, создавайте обсуждения и добавляйте видео. Создавайте имитацию активности, чтобы пользователи, попавшие в Вашу группу, понимали, что здесь интересно и можно чем-то заняться.
6) Раз уж тут промелькнула тематика парфюма (покатит и для других тематик), то было бы неплохо добавлять видео с рекламой тех или иных товаров (на парфюм очень много рекламы) и в описании и в комментариях публиковать ссылку на товар на сайте с ценой. То же самое подойдет для каких-нибудь платников, например Adult – публикация историй и ссылку для скачки видео.
Вот собственно и всё. При написании поста мне очень помогал мой знакомый, который специализируется на изготовлении групп в Вконтакте (представленное выше офомление группы парфюма – его работа). Вот тема на форуме MaulTalk.com с его портфолио, отзывами и ценами. Думаю будет для многих интересно, потому что цена и соотношение качества – просто нереальные. ICQ для связи и заказов 481-943-716 – Обращайтесь!