В сутки в социальной сети ВКонтакте создаются тысячи новых публичных страниц. Представьте, сколько их создаётся в месяц, или в год. А представьте, сколько пабликов уже администрируется в настоящее время. Для успешного продвижения каждого из них недостаточно красивой аватарки и большого количества записей на стене. Чтобы заинтересовать людей, "заставить" их остаться на страницах вашего сообщества нужно что-то специфическое.

Абсолютно каждое сообщество можно сделать интереснее, наполнив его полезной и интересной для чтения информацией. Но что с ней делать? Просто вывалить на стену и надеяться, что и так сойдёт? Ответ не верный. Лучше всего в таком деле помогут вики-страницы.

Вики-страницы – это действительно нечто специфическое. Ведь благодаря им можно не просто загрузить интересные материалы в сообщество, но и оформить их таким образом, чтобы пользователь сам захотел попрыгать со страницы на страницу. Не многие знают, что благодаря вики-страницам, а также, благодаря чему они так названы, – вики-разметке, из публичной страницы ВКонтакте можно соорудить полноценный веб-сайт, поскольку у пользователя есть все инструменты для создания новых страниц, ссылок между ними и даже графического оформления.

Но ещё меньше людей знают, как создавать вики-страницы в публичных страницах В Контакте. Мы уже процесс создания внутренних страниц в группах ВКонтакте и всего, что с ними связано. Ситуация с пабликами похожа, но процесс создания новых страниц несколько отличается от метода их создания в группах. Поэтому случай с пабликами нужно рассмотреть отдельно, и именно этому посвящен данный мануал.

Создание вики-страниц в пабликах:

При создании страниц в пабликах не нужно использовать вики-разметку, как это делается в группах. Нужно просто вручную сформировать специальную ссылку, которая приведёт нас в раздел создания новой страницы. А для того, чтобы сформировать нужную ссылку, достаточно лишь знать идентификатор (ID) вашего сообщества:

После этого нужно перейти по примерно такой ссылке:

Где строка хххххххх – это ID сообщества, а pagename – название страницы, по которому она будет доступна. Название может включать в себя латинские буквы, цифры и даже некоторые символы, например, знак прочерка "_".

Предположим, что идентификатор нашего сообщества – 84747051 , а страницу мы решили назвать testpage . Тогда ссылка будет иметь такой вид:

Наполняем страницу нужной информацией:

После создания страница будет иметь такой вид:

Итак, новую страницу в паблике мы создали. Обязательно установите права на редактирование страницы, чтобы посторонние пользователи не смогли внести никаких изменений. Для просмотра и изменения прав на редактирование посетите раздел "Доступ к странице" на странице редактирования содержимого созданной вики-страницы:

Готово. Страница создана и права установлены. Осталось самое важное – создать ссылку на страницу, чтобы она открывалась в окошке (на то они и вики-страницы). Для этого создайте такую ссылку:

Технологии и возможности находятся в постоянном развитии. Практически каждый день разработчики презентуют обновления, которые призваны упростить, улучшить и усовершенствовать работу социальной сети ВКонтакте. В процессе подобного усовершенствования системы пользователи получили возможность создавать вики-страницы в своих сообществах. Данная опция помогает разбавить предлагаемый контент и оформить его достаточно необычным способом. Также стоит отметить, что эта функция называется вики-разметкой. Рассмотрим подробнее, как сделать вики-страницу ВКонтакте для группы.

Что такое вики-страницы в группах ВК?

Наверняка, вы не раз встречали необычные текстовые или графические меню ВКонтакте, которые в значительной мере отличались от обычных записей. Подобное оформление называется вики-страницей или разметкой.

К этому способу ведения записей администраторы сообществ прибегают для того, чтобы разнообразить форматы записей сплошного текста, фотографий или видеозаписей. На одной такой специальной странице можно разместить довольно объемный материал, в котором фотографии и видеозаписи будут вставлены непосредственно по ходу текста. Это не только визуально более совершенно, но также облегчает поиск необходимой информации для пользователей.

Как сделать вики-страницу ВКонтакте для группы?

Пользователи, которые ранее не сталкивались с подобным оформлением текстовых и фото постов, сначала могут подумать, что процесс создания вики разметки – это достаточно трудоемкая и сложная задача. Однако на самом деле это увлекательный процесс, и оформив один раз свой информационный пост таким образом, в очень редких случаях захочется возвращаться к привычным записям.

Перейдем к пошаговой инструкции по созданию вики-страницы ВКонтакте для группы:

Важные указания: ХХХ – это ID сообщества, а Название страницы – это наименование будущей записи. Учтите, что заголовок поста нельзя будет сменить.

Для украшения и создания вики-страницы применяются различные теги. Например, добавить текст с подчеркиванием или курсивом.

Как использовать вики-страницы для усиления вовлеченности и увеличения количества подписчиков?

Более оформленный вариант размещения материала помогает привлечь новую аудиторию. Также важно отметить, что некоторые вики-страницы могут выйти в ТОП поисковика, и тогда посетители перейдут в ваше сообщество. Благодаря подобному специализированному языку вики-разметки стало возможным улучшенное оформление развлекательной, обучающей, информационной или продающей страницы в социальной сети ВКонтакте. При этом происходит уникализация определенной страницы или паблика всемирной платформы.

Возможные проблемы при создании вики-страниц в группах ВК

Несмотря на простоту выполненных действий, в некоторых случаях могут возникнуть определенные трудности. Как правило, все спорные моменты решаются при обращении в техническую поддержку. Также стоит отметить, что иногда проблемы возникают из-за банальной невнимательности.

Рассмотрим основные трудности, с которыми могут столкнуться пользователи при создании вики-страницы для группы ВКонтакте:

• Если не получается перейти по ссылке и создать необходимую страницу. В этом случае необходимо проверить, нет ли в ссылке пробелов или лишних знаков.
• Если не получается вставить нужный код или он не работает. Иногда пользователи неверно прописывают теги, которые впоследствии не способны выполнять нужную функцию. В подобной ситуации следует внимательно разобраться в кодах или обратиться за помощью в техподдержку.
• Если не получается сохранить готовый материал. Иногда размер публикуемого материала превышает допустимый. Если проблема https://www.youtube.com/watch?v=x1wjdVqG8J8при сохранении сохраняется, следует обратиться в тех.поддержку.

Заключение

Для того чтобы сделать необычное и оригинальное оформление сообщества ВКонтакте придется усердно постараться, однако результат однозначно того стоит. Вики-страница позволяет создавать статьи с разнообразными графическими и другими элементами дизайна. При этом подобная возможность – это удобное расширение для создания навигационного меню при помощи специальных тегов. Все это не только выглядит намного ярче и привлекательней, но и намного удобней и функциональней. Простая пошаговая инструкция подробно рассказывает о том, как разнообразить группу вики разметкой.

Думаю, каждый, кто активно пользуется соц сетью Вконтакте, уже встречал красиво оформленные группы и паблики. Многие из них имеют помимо меню еще и множество стилизованных вложенных страниц, каталоги и прочее, что по сути создает небольшой сайт прямо внутри социалки.

Вот несколько примеров, чтобы все понимали, о чем речь.

Такие группы позволяют выделиться среди своих конкурентов и привлекать больше пользователей. Особенно, если еще и контент интересный:)
В рамках данной статьи мы поговорим о том, как это всё делается. Чтобы более подробно всё разобрать и вникнуть во все тонкости, возьмем конкретный пример. Будет небольшой мастер-класс по оформлению групп.

Самый первый этап нашей работы — это идея. Нужно понять, о чем мы хотим рассказать и кому. В контакте есть несколько форматов сообществ и выбирать стоит с учетом поставленных задач. Хотя в дальнейшем группу можно перевести в формат паблика и наоборот.

Объясняю на пальцах. Паблик — это что-то сравни блогу. Лента новостей. Иными словами, мы рассказываем своим подписчикам о каких-то вещах и они не смогут писать на стене нашего сообщества. Максимум — комментировать.

Группа позволяет создать более открытое к беседе и обсуждениям сообщество, где люди смогут от своего имени делать посты в ленте. В неё также можно добавлять друзей из своего списка. В паблике такой возможности нет. Кроме того, в группе немного больше возможностей по интегрированию вики-разметки (здесь есть раздел «Новости», в который можно интегрировать меню).

Глобально можно рассуждать так: если нам нужно создать сообщество для магазина, то я бы взял формат «паблик». Если же речь идет, например, о любителях рыбалки, то лучше взять «группу». Хотя, каждый волен поступать так, как считает нужным. Ведь в любой момент формат можно будет изменить. Однако, имейте в виду, что Вконтакте вводит ограничение на повторное изменение формата сообщества и после первого раза нужно будет ждать несколько дней до того момента, как вы сможете всё вернуть назад при необходимости. Поэтому тестировать функционал лучше до того, как группа начнет наполняться контентом.

В рамках данного мастер-класса я в качестве отправной точки возьму игру Mad Max по мотивам одноименного фильма, которая вышла буквально пару недель назад и создам сообщество для игроков с различными материалами по этой игре. Главная цель — слив трафика на свой игровой сайт.

Формат будет «Группа», так как нужно создать естественный приток аудитории и максимально расширить общение внутри сообщества. Сразу уточню, что буду использовать универсальную методику, которую можно применять как в формате группы, так и в паблике. Это работает везде.

Контента море, начинаем воплощать идею в жизнь!

Создание группы

Чтобы создать группу, переходим в «Мои группы» в правом меню аккаунта Вконтакте и нажимаем на синюю кнопку вверху «Создать сообщество».

Должно появиться вот такое окошко, где мы вводим название для нашей группы и выбираем формат.

Введя необходимую информацию перед нами открывается панель управления нашим сообществом. В моем случае она выглядит следующим образом.

Как вы видите, я добавил немного параметров: включил видео, аудиозаписи, обсуждения и еще ряд возможностей, которые мне пригодятся в дальнейшей работе при сборе контента. Всё это можно будет в дальнейшем изменять без каких-либо ограничений. Также я прописал адрес своего сайта. Если у вас сайта нет, либо же его тематика не соответствует формату сообщества (они о разных вещах и никак не связаны друг с другом), то эту строку можно оставить пустой.

Возрастные ограничения я ставлю в данном случае от 18, по аналогии с теми, что разработчики выставили игре. Хотя я практически не сомневаюсь, что играют и дети.

Всё. Группа создана!

Теперь можно начинать ее оформлять.

Оформление группы Вконтакте

Этот этап можно разбить на 2 составляющие: графическая и техническая. Для работы нам потребуется шаблон для создания аватарки группы и меню, а также немного воображения и базовые знания фотошопа (он же Adobe Photoshop).

Шаблон разметки

Что представляет из себя шаблон и что это вообще такое? Шаблон — это своего рода заготовка. В данном случае, в *.psd формате у нас размечены области для картинки под меню и аватарки группы.

Как видно на втором примере в начале данной статьи, мы можем сделать оформление в едином стиле для аватарки и картинки меню. При этом визуально ее разрезает на 2 части. Так вот шаблон позволяет сформировать изображение так, чтобы устранить смещение графики и максимально подогнать картинки на один уровень.

Чтобы стало понятнее, вот пример.

Мы видим, что на обеих частях картинки есть полоса с видом на жилой район. Без использования шаблона ровно сделать с первого раза практически нереально. Нужно будет подгонять картинки, вымеряя расхождения вплоть до 1px. В то время как при использовании шаблона мы просто добавляем в него графику в рамках разметки и сразу же получаем желаемый результат.

Хочу отметить, что данный шаблон рассчитан на 1 строку в пояснении. На скриншоте примера там телефоны. Если появится вторая строка, то необходимо будет использовать другой шаблон, либо исправить дизайн вручную.

Мы же тем временем приступаем непосредственно к графическому оформлению своей новой группы. Здесь я выбираю путь наименьшего сопротивления и для поиска частей дизайна отправляюсь в Google Картинки. Можно использовать и Яндекс. Кому что больше нравится.

Дизайнерского образования у меня нет, поэтому подробно останавливаться на вопросах подбора шрифтов и прочих мелочей не будем. Поколдовав немного в фотошопе, я получил такой результат.

На левом фрагменте (где надпись «Меню») можно также добавить несколько триггеров. В данном случае я решил делать без них. Всё. Дизайн аватарки готов. Жмем в фотошопе сочитание горячих клавиш Shift+Ctrl+Alt+S и сохраняем наши фрагменты в папку на жесткий диск.

Первый этап работы с графикой завершен. Возвращаемся в контакт.

Установка аватара и меню для группы

Щелкаем мышкой на двух типов на месте авы нашей группы и загружаем туда наше изображение. Вот эти ребята, под ними еще написано «Загрузить фотографию».

Добавляем картинку. Указываем поля и выбираем миниатюру. Здесь всё просто и проблем быть не должно.

Как мы видим, нужно знать id сообщества. Узнать его очень просто. Находим в своей группе меню (сразу под аватаркой) и открываем «Статистику сообщества». При этом в адресной строке браузера появится что-то похожее (цифры будут другие).

Эти цифры после «?gid=» и есть искомое id группы. Вставляем полученное значение в форму скрипта и пишем название для той страницы, которую хотим создать. В данном случае, я вбиваю «Меню».

Стоит отметить, что страницу создаст лишь в том случае, если окно с группой открыто в соседней вкладке. Проще говоря, вы должны быть авторизованы в вк в этом же браузере. Ведь на подобные манипуляции есть доступ только у администратора группы и назначенных им людей. Случайный прохожий не сможет вот так запросто взять и поменять настройки группу, в админку которой он не имеет доступа.

Если всё сделано правильно, откроется вот такая страница.

Это то самое окно, где мы чуть позже сделаем вики-разметку и создадим внутреннее меню для своей группы. Пока что нам достаточно написать здесь что-нибудь. После чего нажимаем синюю кнопку «Сохранить страницу» и вверху жмем на ссылку Вернуться к странице.

Я у себя написал «Меню» и моя страница после сохранения стала выглядеть следующим образом.

Дизайна еще никакого нет, но сейчас нам нужна лишь ссылка на эту страницу. Забираем ее в адресной строке браузера и возвращаемся на главную страницу нашей группы. В ленту.

Здесь создаем пост следующего содержания: вставляем туда картинку и ссылку на страницу меню для группы.

Нажимаем отправить. После чего щелкаем по времени отправки сообщения и выбираем там среди всех вариантов пункт «Закрепить». Обновляем страничку (клавиша F5 на клавиатуре) и, если всё сделано правильно, получаем первый результат: группа обрела аватарку и ссылку для перехода в раздел меню.

Wiki-разметка меню группы Вконтакте

Теперь займемся оформлением непосредственно самой менюшки. Снова идем в фотошоп и создаем дизайн для нашего меню. При проектировании интерфейса нужно помнить о тех людях, которые будут заходить в вк через приложение с мобильных телефонов. Иными словами, у нас не должно быть мелких элементов и кроме того нужно постараться сделать всё как можно понятнее. Чтобы не нужно было гадать, как здесь всё устроено и куда нам нажать… а просто ткнуть в нужный пункт и изучать искомую информацию.

Не буду сейчас останавливаться подробно на том, как именно я собирал меню. Вот, что у меня получилось.

Минимум полей. Вертикальная раскладка. Идеальный формат для адаптивного меню. То есть, на мобилах ничего никуда не поедет. Всё будет в точности, как на экранах компьютеров и планшетов. Ширину беру 500 px, чтобы потом ничего не ужалось и не потерять в качестве изображения дважды. Высота не принципиальна.

Разрезаем изображение на фрагменты и сохраняем их.

Всё. Настало время заключительного аккорда — собираем меню уже в самой группе.

Для этого возвращаемся на главную страницу группы (там, где лента и наша ссылка-картинка, ведущая в меню). Щелкаем мышкой на изображение меню и попадаем на ту самую страничку, которую ранее создали для менюшки.

Если вы администратор или создатель группы (в нашем случае это так и есть), то в верху страницы будет ссылка «Редактировать». Щелкаем по ней.

Затем переходим в режим wiki-разметки (под кнопкой закрыть в верхнем правом углу странички нарисована такая рамочка с <> внутри). Когда нужный режим активирован, данная кнопка обведена серым.

После чего тыкаем в иконку фотоаппарата и добавляем сразу все фрагменты нашего меню. В режиме вики самих картинок мы не увидим, лишь код этих изображений с размерами и параметрами.

Я хочу расположить меню по центру и чтобы между фрагментами не было никаких зазоров. Поэтому каждый из элементов обертываем в тег

и к уже вложенному параметру «noborder» дописываю второй параметр «nopadding». Первый отключает обводку фрагментов и границы у ячеек таблиц. Второй убирает отступы от края.

Первый и последний элементы меню не должны быть кнопками — у меня на рисунке это всего лишь графический элемент без ссылки на внутреннюю страницу, поэтому к ним прописываем дополнительно параметр «nolink». Это уберет возможность щелкнув по данному элементу открыть в отдельном окне кусочек картинки. От щелчка мышки теперь вообще ничего не произойдет. Это обычный фон страницы. Неактивный.

В моем случае код меню выглядит следующим образом.

Отдельно хочу отметить тот факт, что после импорта картинок в вк встроенная система порой неверно указывает размеры изображений. Поэтому за этим нужно внимательно следить и выставлять именно те, которые мы планировали на этапе проектирования дизайна. В противном случае всё может разъехаться и пазл в итоге не сложится.

Когда мы прописали код и выровняли все элементы, сохраняем страничку и видим тоже самое, что было в фотошопе.

Остался последний штрих — нужно создать те самые страницы, куда будет отправлять людей наше меню. Для этого вновь обратимся к скрипту по генерации wiki-страниц и на этот раз заказываем сразу три страницы. При этом также необходимо что-нибудь на каждой написать и не забыть сохранить куда-то их адреса из адресной строки браузера.

После чего вставляем в вики-код менюшки ссылки на новые страницы в виде page-102302049_51013384, где первое число — это id группы, а второе — номер страницы. Хотя, это в общем-то и не важно. Ведь нам нужно всего лишь скопировать этот фрагмент URL и вставить в разметку.

В итоге код меню принимает следующий вид.

Внешне же ничего не изменилось. Зато, когда мы щелкаем мышкой по элементам меню, видно, что теперь оно работает!

Что касается самой разметки и правил, по которым пишется код, советую почитать специально посвященную этому делу группу Вконтакте. Ребята описали все ключевые моменты и в их каталоге без труда можно найти необходимый элемент и выяснить, как добавить его на свою вики-страничку.

по заработку вконтакте. Я говорю о создании внутренних страниц. Уже в нескольких статьях я затрагивала работу с вконтакте вики, когда писала а еще . Но все время это было как-то поверхностно, так сказать «галопом по Европам» Эту статью, я полностью посвятила тому, как создать вики страницу .

Что такое вики-страница вк

Вики-разметка - это специальные теги, которые помогают оформить группу вконтакте, сделать ее красочной, удобной для пользователей и выделяющуюся из общей массы с помощью внутренних страниц. Что бы хорошо оформить свою группу, потребуется не мало терпения и сил!

Вот, классный пример такой страницы:

Перед нами навигационное меню, в основе которого вики разметка вконтакте . Такая страница получается очень яркой и функциональной — есть подрубрики, переходы к отдельным статьям, архивы по месяцам и многое другое. Все крупные сообщества обязательно имеют подобные страницы, ведь без них не только подписчики, но и сами администраторы могут запутаются в объеме информации. Рубрики — это удобно и для пользователя и для администратора.

Конечно новичку сделать настолько яркую навигацию не получится, и будет правильнее , но если такой возможности у вас нет, то на первых порах будет эффективным даже вот такое простое текстовое меню:

Кстати! Обратите внимание, что возможны два варианта страниц: в первом примере страница всплывает поверх сообщества, а во втором — открывается отдельным окном . Посмотрите на адресную строку, увидите в чем разница.

Вики разметка вконтакте — это тот функционал, который позволяет превратить группу ВК в практически полноценный сайт! И это круто, потому как так мы можем сделать это бесплатно! Я вам расскажу как сделать внутренние страницы чуть ниже, а пока не могу не упомянуть о ещё одной их супер-полезной функции- создание полноценной статьи .

Как сделать пост-статью вконтакте

Как выглядит типичный пост вконтакте? Текст, а в конце одно или несколько изображений или музыка. Иногда же хочется сделать так, чтобы картинки были внутри текста. Так, как это делается на сайтах и в блогах (вот в этой самой статье, которую вы сейчас читаете, например) . Например если мы хотим получить вот такой результат:

Такая запись состоит из меньшего числа элементов, здесь нет отдельных рубрик, подрубрик, кнопочек типа сайтовых, но она создана по тому же принципу, что и страницы меню (см. вверху). А, сделать ее очень просто! Для этого не нужно углубляться в теорию работы с вики. Я подарю вам простой алгоритм

Алгоритм создания вики-страниц

Чтобы создать внутреннюю страницу вконтакте, надо правильно прописать её адрес в браузере

Вписываем, нажимаем Enter и нас перебросит на новую страничку, которую можно будет заполнять как нам угодно.

После заполнения и сохранения страницы мы получим конечный адрес для работы — page-52497428_44506807 , который будем использовать.

Как заполняется wiki страница

Ну с наполнением у вас и вовсе не должно возникнуть проблем. Пишем текст, украшаем его и форматируем:

Как видите эта панелька очень похожа на обычный текстовый редактор или окошко ответа на блоге или форуме. в правом уголке вы видите символ <> . это режим переключения между кодом вики-разметки и визуальным отображением.

Полностью заполненная “красивая” страница меню в режиме разметки выглядит немного страшно, но на деле это просто набор тегов и ссылок на изображения и другие страницы, среди которых прячется текст.

Возможно, что вам и вовсе не пригодится режим разметки, но иногда может случиться так, что готовая страничка «поехала» — в ней сбились шрифты или ссылки, пропала картинка. Тогда имеет смысл заглянуть в этот режим и найти там лишние теги или доставить потерявшуюся скобку.

Работать с внутренними страницами я советую в обычном текстовом редакторе на компьютере (word, блокнот) и сохранять готовые страницы где-то у себя. Дело в том, что wiki-разметка в контакте еще не доведена до ума и часто возникают проблемы — то строка пропадет, ко картинка исчезнет. Поэтому у вас всегда должен быть отдельно сохранен чистый, работающий вариант странички.

Если вы решили глубже изучить фишки wiki вконтакте, то ретвитните эту статью, а я в комментариях дам вам ссылки на полезные ресурсы, договорились?

Обычно в ВК публикуют довольно короткие посты. Немного текста, фотографии, пару видеороликов. И такой формат работает, потому что соответсвует способу потребления основной части пользователей.

Ответом являются посты с вики-страницами. Об этом формате знает не так много администраторов. И, как показывает моя практика, если материал действительно качественный, формат с вики-страницей позволяет получить очень хороший отклик.

Вот один из последних примеров. Обычный пост в моем блоге собирает 100-200 лайков и 30-40 репостов. А тут...

Как создавать вики-страницы

http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы

где XXX - ID вашего паблика, а «Название_страницы» - любое слово или предложение, которым будет названа ваша вики-страница. Обратите внимание, название страницы отредактировать потом будет невозможно! Поэтому, заранее продумайте название, чтобы потом не пришлось создавать новую.

Чтобы узнать ID Вашего паблика, зайдите в «Статистику страницы». У вас в адресной строке откроется адрес типа:

http://vk.com/stats?gid=68730272 - последние цифры в адресе «68730272» - это и есть ID паблика.

Посмотрите видео-урок, чтобы лучше разобраться в создании вики-страниц:

Как создавать посты с вики-страницами

1. Создать вики-страницу
2. Наполнить вики-страницу
3. Получить ссылку на вики-страницу
4. Добавить к посту
5. Добавить обложку

Посмотрите урок, чтобы лучше понять, как это делается:

Как создавать вики-меню

Меню - это обычный пост с вики-страницей, который закреплен в шапке паблика. Внутри вики-страницы должны быть ссылки на рубрики. Их можно оформить просто текстом, можно заказать вёрстку графического меню.