Верстка и оформление в Вконтакте От и До SeoPapa.ru

Верстка и оформление в Вконтакте От и До


Верстка в Вконтакте

Итак, как и говорил я в предыдущем посте, сегодня поговорим о том, как нужно верстать и оформлять свою группу. Для верстки групп нам понадобится 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 – Обращайтесь!



Комментариев нет - Вы можете стать первым!