Как вставить картинку в вк: Как вставить картинку в описание группы вконтакте

Содержание

Как вставить картинку в описание группы вконтакте

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

Очень важный пункт — оформить описание группы. Многие люди делают его в виде инфографики, или простого изображения. Сейчас я покажу вам, как вставить картинку в описание группы вконтакте.

Оглавление:

  1. Добавляем картинку в описание
  2. Заключение

Добавляем картинку в описание

Идем в вк, и переходим в раздел «Мои группы». Здесь идем на вкладку «Управление», и открываем нужный паблик.

Теперь нам нужно добавить пост на стене, в который мы добавим нужную картинку, и при необходимости, напишем сопровождающий текст.

Для этого мы ставим курсор в блок добавления новой записи. Далее наводим мышь на пункт «Прикрепить». И здесь в выпадающем меню, выбираем пункт «Фотографию».

Откроется форма добавления картинок. Выберите из уже добавленных, или загрузите новую. Затем просто щелкните по картинке — она автоматически добавится в пост.

Теперь при необходимости напишите нужный текст. Когда запись будет полностью готова, нажимайте кнопку «Отправить».

Теперь наша картинка опубликована в записи на стене (см. как удалить все записи со стены вконтакте). Теперь вам нужно нажать на ссылку, в которой указана дата и время публикации записи.

Откроется форма просмотра. Здесь вам нужно нажать на кнопку «Закрепить».

Готово, картинка закреплена в описании.

Если понадобится убрать картинку, снова перейдите к ее просмотру, и нажмите кнопку «Открепить».

Видео урок: как закрепить картинку в описании группы в вк

Заключение

Читайте также:

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

Вопросы?

Вам помогла эта информация? Удалось решить возникший вопрос?

Понравилась статья? Пожалуйста, подпишитесь на нас Вконтакте!

Facebook

Twitter

Мой мир

Одноклассники

Google+

Загрузка…

подробное руководство по дизайну сообществ ВК

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

Размеры изображений для Вконтакте с учетом нового дизайна

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

Актуальные размеры изображений ВК

Рассмотрим каждый элемент подробнее.

Аватар сообщества

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

Ошибка: изображение меньше 200х200 px

200х500 px — максимальный рекомендуемый размер изображений для аватара. Но при загрузке картинок до 7000 px ошибку не выдает. Лучший вариант — 200х300 px.

Пример

Загружаем изображение размером 200х800 px, с соотношением сторон 2:8. Файл успешно загружается, сайт не выдает никакой ошибки. Но требует выделить активную область изображения, которую и будет видеть пользователь. Здесь возникает проблема: выделить всю картинку нельзя, использовать получиться только область размером 200х500 px. Важно учитывать этот параметр при составлении технического задания для дизайнера.

Соотношение сторон аватара ВК

Прикрепленные изображения

После обновления дизайна социальной сети, многие пользователи столкнулись с тем, что прикрепленное изображение занимает не всю ширину ленты: остается кусок пустого пространства справа. Раньше картинки к постам растягивались автоматически, заполняя всю ширину. Теперь ширина ленты фиксирована, поэтому минимальная ширина изображения — 510 px. Лучше всего смотрятся квадраты и прямоугольники альбомной ориентации.

Пример

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

Изображение 510х510 px в ленте новостей

Не хуже, но немного по-другому выглядит прямоугольная фотография с шириной 510 px.

Изображение альбомной ориентации с шириной 510 px

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

Разница между квадратным и прямоугольным изображением в мобильной ленте ВК

Нельзя назвать это различие критичным, но пользователям мобильного приложения намного привычней видеть фотографии квадратной формы (как в Instagram).

Изображения к публикациям со ссылкой

При добавлении ссылки к посту ВК автоматически прикрепляет изображение из описания публикуемой странички.

При вставке ссылки в текст поста автоматически подтягивается заголовок и изображение

Информацию о заголовке, фотографию сеть берет из кода разметки Open Graph:

В строке «image» хранится изображение с котиком

При отсутствии информации в коде Open Graph, ВК берет данные из мета-тегов: Title, Description, а в качестве иллюстрации подтягивает первое изображение из статьи. Вы можете легко заменить фотографию, нажав на стрелочки под надписью «Ссылка».

Подбираем иллюстрацию к посту с ссылкой

Чтобы добавить свою иллюстрацию из сохраненных файлов или с компьютера, кликаем на значок фотокамеры.

Добавляем собственную иллюстрацию к посту с ссылкой

Как и ко всем другим изображения есть требования к минимальному размеру: 573х240 px. Можно загрузить картинку большего размера, но важно соблюдать рекомендуемые пропорции 2,2:1.

Рекомендуемое соотношение сторон для иллюстрации к посту со ссылкой

Блок с товарами

Минимальный размер изображений для обложки товара 400 px, максимальный — 7000 px по ширине или высоте. Лучше всего выглядят фотографии квадратного размера 1000х1000 px. У каждого товара есть обложка и 3 фотографии, которые показываются при открытии товара.

Блок товаров фитнес-клуба

Вики-страницы

Чтобы обложка вики-страницы выглядела в ленте органично, нужно подобрать изображение с шириной не менее 610 px. Картинки большего размера автоматически сжимаются до рекомендуемого.

Пример

Если добавить на вики-страницу картинку размером 1366х768 px, не скорректировав размер, то изображение некрасиво растянется.

Изображение сильно растянулось из-за того, что ширина автоматически скорректировалась до 610 px, а высота осталось неизменной.

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

Вручную откорректированное изображение с правильными размерами

Оформление вики-страниц рассмотрим подробнее чуть ниже.

Как сохранить исходное качество изображений Вконтакте

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

Пример

Сжатие изображение при загрузке в ВК

Как избежать снижения качества?

За рекомендацией пришлось обратиться в поддержку соцсети, т.к. в открытом доступе такой информации нет. Представитель команды посоветовал следовать такому алгоритмы: открыть изображение в программе Photoshop, в меню выбрать команду «Сохранить для Web» — настройки качества 100% — галочка напротив строки «Преобразовать в sRGB».

Сохраняем изображение в Photoshop

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

Пример

Если требуется подготовить аватар группы размером 200х500 px, то размер исходной картинки должен быть около 400х1000 px. Для меню 510х400 px, лучшим вариантом будет исходник 1200х800 px.

Картинка на фоне темно-синего цвета, которую мы использовали чуть раньше, имеет исходный размер 510х350 px. Чтобы добиться лучшего качества, мы увеличили ее размер в два раза, а затем сохранили в Photoshop по совету поддержки. Вот результат:

Выглядит лучше, но не идеально

Что же делать? Будем использовать то, что есть и учитывать особенности соцсети. Чтобы изображение выглядело лучше, заменим темно-синий фон белым, а текст сделаем синим. На светлом фоне сжатие изображений не так заметно.

Выглядит намного лучше

Дизайн шапки группы Вконтакте

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

1. Обложка сообщества + закрепленный пост

После обновления дизайна владельцам сообществ стал доступен новый элемент оформления — обложка. Размер изображения — 1590х400 px. Чтобы добавить обложку нужно зайти в настройки группы и нажать «Загрузить».

Загрузка обложки сообщества

Никаких ограничений по содержанию нет. Можно написать название компании, УТП, добавить слоган, вывести текущую акцию.

Обложка группы Вегетарианские рецепты: привлекательное фото, название и слоган.

Обложка Сбербанк: информация о ближайшем мероприятии

Закрепленный пост обычно продолжает тему, начатую в обложке. Например, в случае со Сбербанком — рассказывает более подробно о Зеленом Марафоне.

2. Обычное текстовое описание

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

Текстовое описание популярного издания о стартапах –

vc.ru

Описание группы клуба Фильм про

3. Текст + хэштеги

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

Описание с хэштегами, журнал WebDesignMagazine

Описание с хэштегами, смартфон Nokia Lumia

4. Описание через вики-страничку

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

Группа предпринимателя, идущего к своей цели

Нажав на кнопку «Просмотреть», пользователь попадает на вики-страничку с подробной информацией о проекте.

Вики-страница с описанием проекта

5. Без шапки

Этот вариант отлично подходит тем группам, которые ничего не продают и делают ставку исключительно на контент. Пользователь, попадая в группу, сразу видит последние записи на стене.

Группа без шапки – PSD’ец

Группа с пустым описанием Atmospheric Bass Music

6. Открытое меню

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

Картинка, дублирующая пункты меню

При нажатии пользователь открывает вики-страницу с меню группы:

Кликабельное меню с идентичными разделами

Еще один пример

Кнопки на картинке не кликабельны, а вот при нажатии на «Просмотреть» откроется полноценное меню:

Пример открытого меню

7. Закрытое меню

Закрытое меню отличается тем, что пользователь не видит на картинке его пункты. Обычно на анонсе пишут что-то вроде «Меню», «Навигация», «Все материалы в одном месте» или «Жми сюда».

Закрытое меню Lady’s Club

Меню Motion Hub

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

Пост-меню паблика Мой компьютер

Закрытое меню группы английского языка

Меню интернет-магазина для девушек CosmoMarket

8. Меню слитое с аватаркой

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

Слитное меню сообщества вики-разметки

Меню группы о помаде для увеличения губ

9. Спрятанное меню

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

Бренд одежды Oodji. Чтобы открыть меню, надо нажать на ссылку «Меню группы #oodji»

Само меню

Пример уже открытого меню Спортмастера

10. Изображение

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

Сообщество Лайфхакерша разместило картинку с призывом, но кнопка не клибабельна

Comedy Radio анонсирует запуск приложения

11. Изображение и аватар в едином стиле

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

Империя пиццы и суши информирует о режиме работы, дает контакты для заказа

Coca-Cola использует красивую картинку со слоганом

12. Гифка как продолжение аватара

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

Оригинальная шапка группы Тоталь

13. Автоматически воспроизводимое видео

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

Как сделать, чтобы видео включалось само?

Нужно соблюсти всего лишь 3 условия:

  1. Загрузить нужный ролик через ВК — видео, загруженные через Ютуб или Вимео не включаются автоматически.
  2. Дополнить видео можно только текстом. Прикрепить ссылку или картинку не получится.
  3. После загрузки видео нужно опубликовать на стене, а затем закрепить пост.

Видео с упражнениями в сообществе Лайфхакер

Coca-Cola делится любимыми рекламными видео

13. Популярная запись

Выберите самый популярный пост вашего сообщества с максимальным количеством лайков и репостов. Закрепите его. Так новые посетители сразу получат доступ к вашему лучшему материалу. И, вполне вероятно, поделятся им на своей страничке, увеличив охват записи.

Страница Рецепты, пост с огромным количеством репостов

Группа Идеи дизайна интерьера закрепили кладезь материалов о ремонте. Посмотрите, сколько репостов и лайков!

14. Действующие акции

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

Сеть баров Killfish рассказывает об акции

Интернет-магазин напоминает о скидках

Сбербанк использует вовлекающий инструмент — тест на финансовую грамотность. Скидку получают только те, кто наберет определенное количество баллов. Благодаря тому, что пользователь немного потрудился и поиграл одновременно, скидка кажется более ценной.

Интерактивный тест от Сбербанка

15. Анонсы мероприятий

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

Группа сериала Теория большого взрыва анонсирует новый сезон

Группа Пилот разместила в шапке график концертов

16. Розыгрыши

Сеть Детский мир разыгрывает запас подгузников

Лотерея Столото дарит Айфон

17. Опросы

Мини-исследование Gillette

Опрос на странице ресторана

18. Объявления

Объявление выделено словом «Важно» на красном фоне

Суши Терра информирует о временных неполадках

19. Вакансии

Ресторан ищет официантов

20. Ссылки на другие соцсети

Инфографика в примерах делится ссылкой на свой профиль в Перископе

Студии Дениса Каплунова ссылается на аккаунт в Пинтересе

21. Продажа товаров/услуг

Группа по оформлению групп «Вконтакте» предлагает свои услуги

Сервис Церебро.Таргет предлагает подключиться

22. Самый популярный продукт

Популярный товар магазина 24shop

23. Отзывы клиентов/покупателей

Отзыв — самый сильный инструмент повышения доверия

Как сделать привлекательный аватар

Аватар сообщества — это еще один важный элемент оформления группы Вконтакте. Он оказывает влияние на привлечение пользователей из поиска по группам, из блока «Интересные страницы» других пользователей, рекомендаций. Рассмотрим основные критерии эффективного аватара.

1. Миниатюра

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

Пример неудачных надписей — слишком мелко

Примеры удачных надписей — текст крупный

Лучше, чтобы надпись помещалась внутри миниатюры

Примеры неудачных аватаров — текст не помещается внутри миниатюры

Надпись внутри выглядит опрятней

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

Очень странные аватарки. Некоторые сообщества развлекательного характера делают это специально, чтобы человек зашел посмотреть, что же там такое.

Примеры удачных решений — все четко и понятно

Если есть возможность, то лучше не используйте стоковые, заезженные картинки. Такие аватарки снижают доверие пользователей.

Крупные компании никогда не используют бесплатные или стоковые картинки

Подбирайте яркие цвета, чтобы миниатюра выделялась на фоне конкурентов. 

Не совсем корректный пример) На фоне ярких аватарок бледная выделяется, но в ленте пользователя такая миниатюра останется незамеченной.

Хороший способ выделится — использовать стиль минимализм. Отсутствие текста, 1-2 цвета, простые формы выделят вас на фоне кричащих конкурентов.

Анти-минимализм — куча картинок, надписей, шум

Стильно и аккуратно

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

Красный огонек как часть аватара

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

Черный круг вместо миниатюры на первом месте и черный круг внутри белого на втором. Однозначно вызывает интерес.

2. Текст на миниатюре

Хоть миниатюра и не отличается крупными размерами, ее можно использовать для информирования о самых главных преимуществах компании. Рассмотрим популярные варианты.

Анонс нового продукта/услуги/события

Анонс нового сезона, коллекции, премьеры всегда привлекает внимание любителей новинок

Ваше УТП

Выберите одно преимущество: круглосуточно, дешево, быстро и т.д.

Контакты

Поможет тем, кто уже готов купить, быстро найти ваш номер

Супер цены

Если у вас крутая цена — пишите ее прямо на миниатюре

Бесплатная доставка

Особенно актуально для ресторанов доставки еды

Часто компании с бесплатной доставкой добавляют эту информацию в название группы через | от названия самой организации.

Не стесняйтесь рассказывать о бесплатных услугах

Акции и скидки

-50% выглядит органично и привлекательно

Розыгрыши

Ну как пройти мимо потенциальной халявы?

Вакансии

Соцсети — хороший вариант поиска лояльных сотрудников

Держите в голове вашу цель и портрет ЦА, а вдохновение придет во время работы над оформление группы.

3. Продающий дизайн аватара

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

  1. Качество изображения должно быть высоким. Плохая картинка сразу оттолкнет посетителя. Кратко: делайте размер в два-три раза больше рекомендуемого, чтобы не было искажения качества после сжатия.
  2. Следуйте единому стилю. Идеально — аватар и меню в фирменном стиле компании. Хорошо — в единой цветовой гамме с пересекающимися элементами. Такое сочетание меню и аватара выглядит эффектно.
  3. Аватар и меню группы Аудиокниги

    Аватар и меню в едином стиле, группа Лучшее

    Знаменитый аватар группы Палата №6 оригинально сочетается с меню

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

  6. Делите аватар на части. Верхняя — под миниатюру, нижняя — под остальную информацию.
  7. Разделенные на части аватары

  8. Добавьте призыв к действию. Нарисуйте стрелочку, указывающую на кнопку «Подписаться» или «Написать сообщение». Не все пользователи знают, что можно писать сообщения группе.
  9. Аватары со стрелочками

  10. Оставьте немного пространства. Слишком большое количество информации воспринимается как шум: мозг не может выделить что-то одно и предпочитает вообще ничего не воспринимать.
  11. Слишком много информации

    Благодаря свободному пространству, информация считывается легче

Важные элементы аватара

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

Адрес сайта

Актуально для интернет-магазинов

Контакты и режим работы

Подойдет доставкам, ресторанам, магазинам

Розыгрыши призов/скидки

Имеет смысл, если акция длится дольше 1-2 недель

Топ-товар или новинка

Или товар, который вы хотите вывести в топ 😉

Условия доставки

Кратко: по всей России, бесплатно, круглосуточно

Дополнительные сервисы

Например, реклама мобильного приложения

УТП

Пишите о своем уникальном торговом преимуществе

Новинки/анонсы

Актуально для кинотеатров, магазинов одежды, музыкальных исполнителей

Официальное сообщество

Если у вас есть значок «официальное сообщество» от ВК — расскажите об этом

Расписание/график

Подойдет для певцов, гастролирующих театров, цирков

Ссылки на другие аккаунты

Лучше, конечно, разместить активную ссылку, но так тоже можно

Подробное описание

То, что не влезло в заголовок: слоган, девиз

Награды

Признанный лидер отрасли? Победитель конкурса? Укажите это!

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

Как объединить аватар и меню

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

  1. Используйте шаблон. Ширина 510 px для меню и 200 px для аватара. Или 1200 px для меню и 400 px для аватара.
  2. Подберите качественное изображение, скачайте его на ваш компьютер. Откройте картинку в программе.
  3. Скопируйте и вставьте в шаблон. Откорректируйте положение картинки так, как собираетесь ее нарезать.
  4. Нанесите эффекты, добавьте надписи и все, что посчитаете нужным.
  5. Чтобы часть изображения, расположенная в месте пробела не исчезала, сдвиньте ее как на гифке: 
  6. Откройте инструмент «Раскройка», затем «Фрагменты по направляющим».   
  7. Уберите лишнее и подкорректируйте изображение.
  8. Сохраните изображение. Файл — Сохранить для Web — 100% качество. 
  9. Найдите изображения на своем компьютере. Обычно все рисунки из Фотошопа сохраняются в отдельной папке. Добавьте аватар и анонс для меню.

Объединенные меню и аватар, сделанные по шаблону из статьи

В шаблоне вы можете изменить высоту аватара. По умолчанию стоит 500 px.

Здесь высота картинки 340 px

Как правильно оформлять картинки для постов в ВК

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

Нетология оформляет посты в едином стиле

Оригинальные посты компании Knorr

Пример сочетание эстетики и функциональность в группе Факт дня

Три разных, но перекликающихся типа постов в группе Интернет-маркетинг от А до Я

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

1. Затемнение/осветление изображения

Делает текст более читаемым за счет контрастности надписи к фону.

Пример из паблика Почему я этого не знал?

Тот же прием в группе Цитаты и статусы

Осветление фона в Adme

Осветление от Павла Деева

2. Контрастная фигура

Надпись размещается на отдельной однотонной фигуре (круг, полоска, треугольник) контрастной по отношению к цвету текста.

Гармоничное изображение

Контраст от Cossa

Brain Academy, хамелеон и синяя полоса

3. Выделение текста построчно

Каждая строка текста выделяет контрастной полоской. Выглядит стильно.

Мудрость от Adme

Бизнес цитаты

4. Нарезка изображений

Одна часть картинки заменяется нейтральным фоном, на котором размещается текст

Правильное образование

Реклама астрологического теста

5. Замутнение

Изображение немного размывается с помощью инструмента «Расфокусировка», а текст остается в фокусе и выглядит более четко.

fishki.net

Автор неизвестен

6. Изображение с нейтральным фоном

На некоторых картинках есть будто специально отведенное место для текста. Подбирайте такие иллюстрации для мотивационных постов.

Пинтерест Милы Корниенко

Хорошо сказано

7. Тень, обводка

Выделите текст с помощью темной тени или белой обводки.

Простые мудрости

1001 мем

fishki.net

Рекомендуем также добавлять к каждой картинке логотип вашей компании, водяной знак или адрес страницы/сайта. Так вы не только повысите узнаваемость торговой марки, но и обезопасите контент от использования конкурентами. Постарайтесь гармонично вписать логотип в изображение.

Где искать изображения хорошего качества?

Используйте сервис бесплатных фотографий — https://www.pexels.com. Вбивайте ключевое слово на английском и смело используйте любое изображение. Авторы не против. Если не нашли подходящее, попробуйте поискать в Гугл или Яндекс. Выставите фильтр по размеру, цвету. Но обязательно проверяйте тип лицензии, чтобы не нарушить авторские права.

Как делать крутые картинки без дизайнера и Фотошопа?

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

1. Fotor.com

Выбирайте раздел Design — крайний справа.

Нужный нам раздел

Выбираем соцсеть для которой будем делать картинку: Инстаграм – квадраты, Фейсбук – прямоугольники.

Есть и другие форматы, но эти два подходят лучше всего

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

Шаблоны с бриллиантом — платные

Вместо фоновой картинки сервиса подставляем свою.

Добавьте свои изображения, нажав на большой значок плюса в правой верхней части экрана.

Вставляем, корректируем размер, пишем свой текст. Если нужно — добавляем логотип.

Редактура текста

Готовое изображение сохраняем на компьютер: нажимаем на значок дискеты — выбирает формат — готово.

Готово! Вы восхитительны.

2. Canva.com

Один из наших любимых сервисов. Нужно зарегистрироваться через Фейсбук или Гугл+, но оно того стоит.

Окошко регистрации, Canva

Можно выбрать изображение под соцсети или задать собственный размер, что позволяет создавать здесь не только картинки к постам, но и обложки, аватарки, шапки.

Шаблоны для Инстаграм и ВК

Выбираем шаблон поинтересней и удаляем стандартный фон.

Здесь сотни красивейших шаблонов

Чтобы добавить свою картинку, переходим во вкладку Uploads, загружаем с компьютера. Меняем текст, шрифты, размеры, добавляем лого, иконки, фигуры, полоски.

Жмем на Download, выбираем формат и скачиваем

Сохраняем красивую картинку в свои файлы. Всё!

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

Что лучше: прикрепленные изображения или встроенные?

Когда вы создаете запись со ссылкой (например, публикуете анонс своей новой статьи из блога), у вас есть два возможных варианта действия: первый – использовать встроенное изображение из сниппета, и второй – прикрепить отдельную картинку. Чтобы было понятней, покажу на примере.

Слева – встроенная картинка, справа – загруженная

Главное отличие в том, что картинка из сниппета меньше по размеру, но зато кликабельна. Загруженная картинка будет больше, но при клике будет открываться изображение, а не ссылка. Если загрузить свою картинку с компьютера, то придется прописывать ссылку в тексте поста. А в случае со встроенным изображением ссылку вставлять не нужно. Кроме того, встроенная картинка не очень хорошо выглядит на экране смартфонов. Сравним на примерах.

Загруженные изображения на экране Айфон 5

А вот так выглядят встроенные картинки:

Абсолютно нечитаемо

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

В случае с вики-страницами вариант только один: загружаемое отдельно изображение. Оно становится кликабельным автоматически.

Пример со страницы Интернет-маркетинг от А до Я

Как использовать вики-разметку в Вконтакте

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

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

Вики-разметка позволяет публиковать объемные статьи с качественной версткой: заголовками, выделением текста жирным шрифтом, курсивом, подчеркиванием, фотографиями. Также разметка позволяет создавать удобные, красочные навигационные меню.

У социальной сети Вконтакте есть собственный HTML-редактор, позволяющий пользоваться возможностями вики-разметки.

HTML-редактор Вконтакте

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

  1. Вики-разметка Вконтакте. Это официальное сообщество, полностью посвященное вики-страницам. Здесь публикуют подробные инструкции, шаблоны, рассматривают крутые примеры. Есть раздел обсуждений, где каждый пользователь может получить ответ на свой вопрос.
  2. Вики Док. Новый проект, помогающий изучить тему с нуля. Большая часть материалов в формате видео. Есть статьи с необычными фишками и нестандартными решениями.

Как создать вики-страницу Вконтакте самостоятельно

Чтобы самостоятельно создать вики-страницу Вконтакте, нужно сделать всего три действия:

  1. Скопировать эту ссылку в блокнот или любой текстовый редактор: http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы
  2. Найти ID своей группы, для которой создается страничка, и вставить его вместо XXX в скопированной ссылке. Вместо «Название_страницы» вписать понятное название. Для нашего примера мы впишем «Навигационно меню». В итоге должна получиться ссылка как на картинке. Копируем ее и вставляем в адресную строку браузера.

Ссылка на вики-страницу

3. Нажимаем ввод и переходим к наполнению страницы

Как узнать ID своей группы в Вконтакте

Если вы когда-то меняли ссылку группы на более читаемую, то нужно зайти в группу, нажать «Записи сообщества» и посмотреть на ссылку в адресной строке браузера.

Раздел Записи сообщества

ID — это цифры после слова «wall-» и до знака вопроса.

Стрелочка указывает на ID

Более простой способ – установить приложение «Узнать ID». Найдите его в каталоге приложений и добавьте в левое меню для быстрого доступа.

Приложение для поиска ID

Как ограничить права на редактирование

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

Доступ к странице

Стандартно просмотр доступен всем пользователям, а редактирование только администраторам сообщества.

Стандартные настройки доступа

Несмотря на такие настройки по умолчанию, иногда случаются неприятные казусы и все пользователи получают доступ к редактированию. В том числе и конкуренты и шутники. Однажды такую оплошность допустили сотрудники МТС, а пользователи не смогли не воспользоваться таким шансом.

Одна из самых безобидных шуток

Как открыть режим кода

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

Переключение режимов в вики-редакторе ВК

Как форматировать текст

Форматировать текст проще в визуальном режиме. Выглядит как любой другой текстовый редактор. Но есть ограничение — нельзя менять размер шрифта. Что выделить заголовки или важную информацию, используйте теги h2, h3, h4 и курсивное выделение.

Форматируем текст в визуальном режиме

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

Теги форматирования в режиме кода

Как вставить ссылку в текст на вики-странице ВК

Ссылку можно вставить в режиме кода, используя шаблон [ссылка на статью|текст ссылки].

Пример вставки ссылки

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

Перейдите в «Сокращатель ссылок Вконтакте». Вставьте нужную ссылку в окошко, скопируйте короткий вариант и добавьте его на вики-страницу.

Сокращатель ссылок от ВК

Готово! Теперь ссылка будет открываться в новом окне

Как добавить картинку в вики-страницу

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

Добавляем картинку на вики-страницу

Как добавить видео на вики-страницу

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

Загружаем видео на вики-страницу

Сделать видео больше нельзя, такой функции почему-то не предусмотрено. Но можно немного схитрить. Сделать скриншот первого кадра видео такого размера, какой вам нужен. Затем добавить по центру изображения иконку «Play», добавить изображение на вики-страницу и прописать ссылку на видео.

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

Как добавить ссылку на картинку в вике-странице

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

  1. После второго знака | вставить нужную ссылку, предварительно сократив.
  2. Выровнять изображение по центру, левому или правому краю.
  3. Проверить размеры изображения: ширина не более 610 px.

Вот что получается в результате

Как создать навигационное меню Вконтакте

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

Как посмотреть код вики-страницы любой группы

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

Чтобы посмотреть код, нужно:

  • запустить приложение;
  • выбрать тип сообщества;
  • добавить ссылку на него и нажать «Просмотр»;
  • выбрать интересующую страничку и нажать «Просмотр кода».

Все вики-страницы группы Киномания

По какому принципу создаются меню Вконтакте

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

Меню, созданное за 5 минут

Код этого меню

Вариант немного посложнее:

Меню Motion Hub

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

Получается вот так

А вот код этого меню

Первое время будет казаться, что код выглядит как послание инопланетян. Но присмотревшись, вы увидите, что в тексте просто нет четких пробелов. А строчки повторяются: код картинки, ссылка, размеры. Это самый простой вариант. Рассмотрим еще несколько.

Меню в один столбик

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

Danone и Lady’s club

Danone и Lady’s club — мобильная версия

Код этих страниц

Код включает в себя минимум параметров: код картинки, ее размер, специальный тег nopadding, убирающий отступы между картинками, и ссылки на разделы. Тег center выравнивает каждую картинку по центру, а вот команда option здесь лишняя — никакой функции не выполняет.

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

Меню в два столбика

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

Интересное меню сообщества Книги

А вот как выглядит на мобильном

Рассмотрим код этого типа меню. Обратите внимание на часть под серой полоской.

Код этого меню

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

Меню в два столбика так же просто создать, как меню в один столбик. Главное — подобрать такой размер картинок, который будет отображаться одинаково хорошо в мобильной и десктопной версиях.

Отображение меню в мобильной версии

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

Десктопная версия меню группы Империя кино

Мобильная версия этого же меню

Десктопная версия меню группы Пальчики оближешь

Неправильный перенос этого же меню на мобильниках

А вот пример правильной верстки:

Отображение на компьютерах

На смартфонах

Как адаптировать меню под смартфоны?

Чтобы адаптировать меню под экраны смартфонов, нужно соблюсти два условия.

  1. Использовать табличную верстку с фиксированной шириной ячеек.
  2. Добавлять картинки квадратной или прямоугольной формы с шириной не превышающей 190 px для меню в три столбика, не более 150 px для меню в четыре столбика, не более 110 px для меню в пяти столбиков. Не рекомендуем использовать более пяти столбиков, потому что будет слишком мелко на экранах мобильников.
Как сделать табличную верстку?

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

Для табличной верстки используют специальные теги:

Теги для табличной верстки

Код табличной верстки

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

Десктоп – слева. Мобильная версия – справа

Вот код этого меню в текстовом варианте:

{|fixed nopadding noborder

|~190px 190px 190px

|-

|[[photo258316413_430862279|190px;nopadding| ]]

|[[photo258316413_430862290|190px;nopadding| ]]

|[[photo258316413_430862307|190px;nopadding| ]]

|-

|[[photo258316413_430862332|190px;nopadding| ]]

|[[photo258316413_430862349|190px;nopadding| ]]

|[[photo258316413_430862372|190px;nopadding| ]]

|}

Важно, прописать для каждого столбца таблицы параметр ширины. В примере с тремя столбиками ширина 190 px. Для меню с четырьмя столбиками параметры ширины будут выглядеть так: |~150px 150px 150px 150px.

Теги nopadding и noborder позволяют убрать рамку вокруг изображения и отступы между ними. Если вы планируете создать меню в три столбика, просто скопируйте код из примера, вставьте свои картинки и ссылки.

Адаптивное меню в четыре столбика

Создается практически также как и меню в три столбика. Рассмотрим пошаговый алгоритм.

  1. Выбираем изображение и нарезаем его на квадраты со сторонами по 150 px.
  2. С помощью инструмента «Раскройка»

    Создаем нужное количество квадратиков

  3. Наносим текст, добавляем эффекты и сохраняем как для Web.
  4. Не красоты ради, примера для

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

  7. Проверяем, как меню выглядит на компьютере и смартфоне.
  8. Меню на смартфоне

Примечания к адаптивной верстке
  1. Проверьте, чтобы всю текстовую информацию было хорошо видно на небольшом экране мобильника. Понажимайте на все активные элементы, чтобы убедиться в правильности ссылок. Если выглядит слишком мелко, измените количество столбцов в таблице и увеличьте размер картинок.
  2. Вместо квадратов можно использовать прямоугольники, главное соблюдать рекомендуемую ширину. Учтите, что все картинки должны быть одинаковы по размеру.
  3. Меню группы Стартап Академия

    Все картинки одного размера

  4. Можно использовать разные фигуры, если помнить о размерах.
  5. Меню с разными фигурами

Как проверить адаптивность верстки

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

Метод №1

Используйте браузер Google Chrome. Вставьте адрес вашей вики-страницы в адресную строку и добавьте в его начало m.

Проверяем верстку в мобильной версии

Кликните правой кнопкой мыши в любой части страницы и выберите «Просмотреть код» — «Планшеты и смартфоны».

Смотрим, как выглядит на планшетах и телефонах

Укажите устройство, которое вас интересует:

Выбираем конкретное устройство

Методы №2

Установите плагин для Google Chrome Resolution Test. Перейдите в мобильную версию Вконтакте. Нажмите на иконку и выберите или пропишите размеры экрана, которые вас интересуют.

Проверяем адаптивность

Заключение

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

Как вставить картинку в статус

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

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

Ставим фотостатус к себе на страничку

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

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

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

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

Способ 1: использование приложения

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

Такие приложения предоставляют функционал двух типов:

  • установка готового фотостатуса из базы данных;
  • создание фотостатуса из предоставленной пользователем картинки.

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

    Войдите на сайт ВКонтакте под своим логином и паролем и перейдите в раздел «Игры» через главное меню.

На открывшейся странице отыщите строку поиска «Поиск по играм».

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

Если вас не устраивают статусы, созданные другими людьми, вы можете создать собственный через нажатие кнопки «Создать».

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

Главным условием для загрузки файла является его размер, который должен быть более чем 397х97 пикселей. Желательно выбирать картинки в горизонтальной ориентации, чтобы избежать проблем с неправильным отображением.

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

Также обратите внимание на пункт «Добавлять в общий каталог». Если вы поставите галочку, то ваш фотостатус будет добавлен в общий каталог пользовательских картинок. Иначе – установлен только на вашей стене.

Далее вам будет продемонстрирован конечный вариант статуса. Щелкните по кнопке «Установить», чтобы сохранить фотостатус к себе на страницу.

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

Главное достоинство способа заключается в том, что вы можете в несколько кликов превратить свою фото ленту в изящное цельное изображение. Условным же и единственным минусом служит наличие рекламы практически в каждом таком приложении.

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

Способ 2: ручная установка

В этом случае от вас потребуется куда больше действий, нежели в предыдущем способе установки фотостатуса. Кроме того, вам потребуется фоторедактор, например, Adobe Photoshop, и некоторые навыки работы с ним.

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

    Откройте Фотошоп или любой другой удобный вам редактор и через меню «Файл» выберите пункт «Создать».

В окне создания документа укажите следующие размеры: ширина – 388; высота – 97. Обратите внимание, что основной единицей измерения должны быть «Пиксели».

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

С помощью инструмента «Свободное трансформирование» отмасштабируйте изображение и нажмите «Enter».

Далее вам нужно по частям сохранить данную картинку. Используйте для этого инструмент «Прямоугольное выделение», выставив размеры области 97х97 пикселей.

Через правый клик по выделенной области выберите «Скопировать на новый слой».

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

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

    Зажав клавишу «CTRL», щелкните левой кнопкой мыши по превью первого подготовленного слоя.

Дальше скопируйте слой через сочетание клавиш «CTRL+C».

Обязательно убедитесь, что вы копируете именно выбранный слой. В ином случае, будет ошибка.

Создайте через меню «Файл» новый документ. Обязательно проследите, чтобы в настройках разрешение было 97х97 пикселей.

В открывшемся окне нажмите сочетание клавиш «CTRL +V», для вставки ранее скопированной области.

В меню «Файл» выберите пункт «Сохранить как…».

Перейдите в любую удобную для вас директорию, укажите имя и тип файла «JPEG», и нажмите кнопку «Сохранить».

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

    Зайдите на свою страницу ВКонтакте и перейдите в раздел «Фотографии».

При желании вы можете создать новый альбом, специально для фотостатуса, нажав кнопку «Создать альбом».

Укажите предпочтительное название и проследите, чтобы настройки приватности позволяли видеть фото всем пользователям. После, нажмите кнопку «Создать альбом».

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

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

Перейдите на свою страницу, чтобы убедиться, что фотостатус был установлен.

Данный метод является самым трудоемким, в особенности, если у вас возникают трудности с фоторедакторами.

Если у вас есть возможность использовать приложения ВКонтакте для установки фотостатуса, то рекомендуется пользоваться именно ими. Ручным оформлением страницы рекомендуется заниматься лишь при невозможности использования дополнений.
Благодаря качественным приложениям, у вас гарантировано не возникнут трудности. Желаем вам удачи!

Отблагодарите автора, поделитесь статьей в социальных сетях.

маленькие такие. В сообщениях целый список всяких смайлов и картинок, а в статус как, на стену? Где их берут? Вот скопировала подобные.

Как ВКонтакте вставить картинку в статус:

  • Для маленьких картинок символов для статуса и заметок ВКонтакте есть свои коды (из серии alt-кодов). Каждый код состоит из набора символов и цифр.
  • На свой страничке под именем нажимаете «изменить статус».
  • В появившемся окошке впишите код картинки, которую хотите вставить. Не забывайте после каждого кода ставить знак «точка с запятой».
  • Теперь либо закрываете статус, нажав «сохранить», либо допишите какой-то свой текст и также сохраняете.
  • Всё. Картинка вставлена в статус. Но если вместо картинки будет видно лишь набранный код, значит, нужно просто обновить страничку и картинка появится.

Коды символов для сайта ВКонтакте.

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

Как видим, выглядит красиво, с помощью фото статуса вы сможете показать свою уникальность или просто похвастаться перед друзьями. Вы наверняка видели фото статус вконтакте, у своих друзей и хотите спросить «Как сделать фото статус вконтакте самому?» Я сейчас всё детально расскажу.

Как сделать фото статус?

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

Картинки в статусе

Переходите в приложения, устанавливаете его на свою страницу, потом перед вами должно открыться вот такое окно.

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

Жалко только, что нельзя скачать картинки для фото статуса из приложения.

Фотостатус

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

Создаём фото статус своими руками

Для этого нам нужно:

  1. Выбрать картинку, которую вы хотите поставить в фото статус.
  2. В любом графическом редакторе, обрезать и разделить на 5 равных кусков.
  3. Загружать в контакт сперва последнюю картинку, а в конце первую, в такой последовательности 5-4-3-2-1.

Когда я три месяца назад, создавал фото статус, я делал всё именно так. Если будут вопросы, жду вас в комментариях.

как поменять иконки в блоке

Любое дизайнерское решение может привлечь или оттолкнуть пользователей. Нам, конечно, хочется, чтобы пользователи оставались на сайте или в группе подольше. Чтобы они прониклись нашими текстами и захотели стать постоянными клиентами. Красивая группа Вконтакте с фирменным стилем добавит вам значимости в глазах посетителей. Но, если добавить нужную шапку и аватарку проще простого, то с блоком ссылок всё намного сложнее. Там картинки появляются автоматически, и вы не можете их изменить. Или всё-таки можете? Легко! Мы подготовили подробный разбор, как получить красивый дизайн ВК даже в ссылках.

Создаём список


Начнём с того, что закинем нужные ссылки в группу. Если список у вас уже готов, идите к следующему пункту. Добавить ссылки на сайт или ваши аккаунты в других соцсетях можно через управление сообществом или просто кликнув на «Ссылки» под списком участников. Нажмите «Добавить ссылку» и вставьте адрес страницы.

На появившуюся картинку пока не обращаем внимание. Ею мы займёмся позже. Дайте ссылке название.


Повторяем, пока не добавите все ресурсы.

Готовим инструменты


Что не так

Посмотрите на ваш список ссылок. Вам всё нравится? Все ли картинки встали ровно? Они все в одном стиле? Если да, мы вас поздравляем! Вы счастливчик, один из миллиона! Вам этот разбор не нужен. А вот мы и сотни других недовольны автокартинками.

Вторая картинка вообще не читается – какие-то микроскопические буквы на белом фоне. Instagram вообще не пропустил нашу картинку, заменив её на свой логотип. А у ссылки на сайт картинку добавил неинформативную.

Что будем делать?

Во-первых, откроем Google Chrome, с ним будет легче работать. Во-вторых, скачаем программу Postman, которая и поможет нам изменить оформление группы Вконтакте. В-третьих, загрузите нужные картинки на какой-нибудь сервер, к которому у вас есть доступ.

Действуем


Открываем в Chrome страницу с настройкой ссылок. Правой кнопкой мыши кликаем в любом пустом месте. В контекстном меню выбираем «Просмотреть код». Открывается панель разработчика.


Нажимаем на «Network», и выбираем «All».


Держим эту панель открытой и добавляем в список новую ссылку. Любую. Потом мы её всё равно удалим.


Ищем на панели окошечко «Filter». Оно под красным кружком. Вводим туда share.php. Список внизу резко сокращается до такой же строчки. Это как раз запрос, по которому картинка загружается на сервер.


Кликните на эту строчку. И в появившемся окне – на «Headers». Оттуда нам нужно будет скопировать некоторые данные. Параллельно с эти открываем Postman. Можно не регистрироваться и пропустить пункт создания коллекции. Доходим до этого окошка:


Там, куда показывает стрелка, выбираем POST. Возвращаемся на страницу со ссылками и копируем из панели Request, cookie и body.


После POST вставляем https://vk.com/share.php. Во вкладке «Headers» в «Key» пишем «cookie», а в Value вставляем второй скопированный текст. Или копируем из кода всё, начиная с cookie до последнего символа кода. Но тогда перед вставкой нажимаем «Bulk Mode».

Совет: если используете Bulk, проверьте, не появилось ли в начале строчек лишних пробелов, перейдя в режим Key-Value. Иначе у вас ничего не будет работать.

Теперь переходим в «Body». Выбираем form-data и по строчке вставляем в таблицу. Первое слово – в первый столбик, остальное – во второй. Или вставляем абзацем через «Bulk Mode». 


В строчке image видим ссылку. Заменяем её на какую-нибудь из нужных нам. Важно, чтобы ссылка была доступной для всего интернета, а не скрыта в приватных облаках. Так, для Яндекс.Диска, картинку надо открыть, далее открыть в новой вкладке и уже нажать на «скопировать URL картинки». Проверяем, не появилось ли в начале строчек лишних пробелов. И нажимаем большую синюю кнопку «Send».


Внизу получаем примерно такой код:


Если результат получился другим, проверьте, не ошиблись ли вы на предыдущих этапах. И вернитесь сюда.

 

Редактор статей ВКонтакте. Полная инструкция по работе.

На чтение 4 мин. Опубликовано Обновлено

Здравствуйте, друзья! На днях во ВКонтакте появилась возможность добавления статей. В отличие от Одноклассников статьи можно добавлять, как в группах, так и на личных страничках. В статье я расскажу всё про редактор статей ВКонтакте. Читайте, повторяйте! Это действительно крутая фишка!

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

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

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

Собственно, работать редактором очень просто. Подсказка о том, как начать работу, есть непосредственно в его окне. Так и сделайте. Начните с заголовка!

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

Для набора текста редактор предоставляет возможность добавления заголовков, подзаголовков и просто текста. При этом при выделении определенного фрагмента во всплывающем меню над ним можно произвести дополнительное форматирование вплоть до вставки ссылок.

Дополнительно редактор позволяет создавать два типа маркированных списков. Более подробно о работе с текстом в редакторе статей Вы можете просмотреть в данном ниже видеофрагменте (будет показан только фрагмент, относящийся к данному вопросу).

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

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

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

Ничего сложного в процессе вставки в видео и анимации нет, а те особенности, которые есть, вы можете посмотреть в этом видео фрагменте.

Подписаться на мой видеоканал


А вот при публикации статьи, есть определенные нюансы. Полностью я их описывать не буду, скажу только, что при публикации редактор автоматически создает обложку для статьи из первого по счёту в ней видео, но вы можете добавить свое изображение. Более подробно смотрите весь процесс публикации здесь:

Как выглядит готовая статья? Вы сейчас ниже видите обложку одной из моих статей, написанных как раз на тему работы с редактором. Кликайте по кнопке «Читать» и посмотрите всё, как говорится, вживую.

Мне лично редактор очень понравился. Быстро и функционально!

Конечно по возможностям оформления и форматирования — это не Вики-страницы, но зато действительно просто и доступно каждому.

Конечно по возможностям оформления и форматирования — это не Вики-страницы, но зато действительно просто и доступно каждому.

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

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

С уважением, Сергей Почечуев

Как добавить GIF в ВК – загрузка и вставка анимированной картинки на стену и т.д.

Приветствую!

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

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

Содержание:

Как загрузить и использовать анимированное GIF изображение на ВК

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

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

Инструкция по добавлению GIF через браузер компьютера

  1. Откройте страницу с документами, нажав на соответствующий пункт в боковом меню.

    Примечание: если он у вас не отображается, то включите его, руководствуясь данной инструкцией.

  2. Нажмите там по кнопке Добавить документ.

  3. Появится небольшое окно загрузки файла, нажмите в нём Выбрать файл.

    В открывшемся впоследствии окне файлового менеджера укажите путь к имеющемуся у вас на компьютере GIF файлу.

    Примечание: загружаемый файл не должен быть размером более 200-от мегабайт.

  4. После загрузки файла вам останется дать ему имя и нажать кнопку Сохранить.

Инструкция по добавлению GIF через мобильное приложение ВК

  1. В приложении ВК следует перейти на страницу с информацией о себе.
  2. Будучи на странице, следует нажать по кнопке вызова меню, которая находится в правом верхнем углу.
  3. В раскрывшемся меню следует выбрать пункт под именем Документы.
  4. Для загрузки GIF картинки следует нажать по значку с плюсом и далее выбрать пункт Файл.
  5. В открывшемся окне файлового менеджера следует указать GIF файл и он будет загружен на ВК.

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

Добавляем GIF на стену ВК

В блоке ввода сообщения необходимо навести мышку на пунктом с текстом Ещё и в появившемся меню нажать Документ.

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

А в мобильном приложении ВК следует открыть окно создания новой записи и там нажать по кнопке с тремя точками и далее выбрать пункт Документ.

Отправляем GIF в переписке (чате) ВК

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

И в приложении ВК следует нажать по скрепке и в открывшемся меню выбрать соответствующий пункт.

Остальные действия аналогичны описанным ранее.

Отправляем GIF в обсуждении в паблике или группе ВК

Тут всё столь же просто. Нажмите на иконку с изображением документа и совершите уже хорошо вам знакомые действия.

Где можно взять сами GIF файлы для ВК

С тем, как добавить гиф изображение на Вконтакте, мы разобрались. Теперь стоит рассказать о том, где можно взять сами GIF изображения.

Если вам приглянулось то или иное анимированное GIF изображение, то вы с лёгкостью его можете сохранить в своих документах. Для этого просто наведите курсор на воспроизводимую анимацию и в правом верхнем углу нажмите на появившейся крестик.

А в приложении ВК следует открыть GIF картинку на весь экран, нажать на кнопку меню и выбрать пункт Добавить в документы.

Также на Вконтакте существуют группы, где ежедневно размещаются интересные GIF анимации. Одна из таких групп https://vk.com/best_gif Другие подобные группы вы можете подчеркнуть, если воспользуетесь поиском по группам, что имеется на самом ВК.

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

Как самому создать GIF файл из видео на ВК

Если же вы желаете сделать GIF анимацию собственноручно, то это также возможно. На Вконтакте имеется официальное бесплатное приложение под названием «Создание GIF (гиф) анимации». Его можно запустить через боковое меню Игры – открыв данный раздел и введя название приложения, или просто открыв по ссылке https://vk.com/vid2gif

Указав ссылку на ролик на Ютуб, вы сможете задать начальную и конечную точку для отрезка, который в итоге станет ГИФ анимацией.

Также существует множество других сервисов на просторах Интернет, где совершенно бесплатно можно создать из видео анимированное GIF.

На этом всё. Теперь у вас не должно возникнуть проблем с отправкой ГИФ роликов во Вконтакте.

меню, анимированные обложки, размеры изображений и прочие тонкости

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

Зачем группе оформление

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

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

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

Возможности Вконтакте

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

Обложка

Размеры: 1590×400 px, видимая зона для мобильной версии 1196×400 px.

Это вытянутая горизонтальная картинка в шапке сообщества, она некликабельна.

Обложка нашей группы vk.com/prcyru

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

Группа без обложки


Общие рекомендации к обложке

Чтобы качество обложки не портилось, администрация Вконтакте советует загружать изображение размером 1590×400 px. Но в мобильной версии вся обложка не умещается в экран, края справа и слева обрезается на 197рх, поэтому все данные, тексты и изображения, которые нельзя резать, лучше помещать в видимой зоне, это 1196×400 px. А сверху примерно 83 рх занимает полоска с индикаторами связи, уровня заряда и прочих.

Схема обложки с разметкой

Чтобы вам не размечать области самостоятельно, мы сделали шаблон в формате psd с направляющими, разграничивающими области. Его можно скачать.

Надписи уместились в видимой зоне, значок настроек перекрывает текст только у администраторов сообщества Обрезалось часть названия на обложке

Многие советуют делать на обложке стрелки, побуждающие нажать на подписку или написать сообщение.

Стрелка указывает на кнопку подачи заявки Стрелка показывает на кнопку с сообщением

Мы советуем сначала посмотреть, преимущественно с каких устройств аудитория смотрит группу. Такая информация есть в статистике сообщества:

Скриншот статистики группы PR-CY

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

Стрелка указывает на аватарку Стрелка указывает на пустое поле

Динамическая обложка

Размеры: такие же, как у обычной обложки.

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

Пример с выводом аватарок активных участников на обложку Аватарка нового подписчика на обложке

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

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

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

Анимационная обложка на мобильных

Размеры: вертикальные фото и видео 1080×1920 px или другие в пропорции 9:16.

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

Обложка группы в мобильном просмотре Обложка группы по клику в мобильном просмотре

Включается эта возможность в Настройках сообщества:

Настройки группы

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

Добавление фотографий

Какой размер материалов выбрать:

Для фото рекомендуем разрешение 1080×1920 или другое в пропорции 9:16 вертикальной ориентации. Размер видео такой же, длительность до 30 с, размер до 30 Мб, MP4, видеокодек H.264, аудиокодек AAC.

Аватарка

Размеры: не меньше 200х500 px и не больше 7000 px, соотношение сторон 2 к 5.

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

Если в группе установлена обложка, аватар будет представлен только как миниатюра, полную версию можно будет посмотреть по клику. Если обложки нет, будет выводиться полностью. Для сравнения группа PR-CY с обложкой и аватаркой и вариант той же группы без обложки:

С обложкой и аватаркой Только с аватаркой

Аватар может быть любого размера не меньше 200х500 px и не больше 7000 px с каждой стороны, но максимальное соотношение сторон — 2 к 5. То есть сильно вытянутую картинку установить не получится, мы пробовали:

Редактор не дает выделить более вытянутое поле.

Размеры: картинка для кнопки от 376х266 точек.

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

Лента меню в группе

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

Настройка кнопок меню

Название кнопки не может быть больше 20 символов, но на смартфоне и эти символы не помещаются, так что дополнительно проверьте, чтобы название было понятным:

Меню на смартфоне

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

Вики-меню

Размеры: ширина внутренней страницы 607 px, обложка не менее 600 px в ширину.

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

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

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

Для вики-меню понадобится обложка, которая будет иллюстрацией к ссылке на страницу меню, и внутренние разделы.

Обложка меню Фрагмент разделов внутри меню

Ширина поля у вики-страниц — 607 пикселей. Картинки можно растянуть или сделать меньше, указав размер в редакторе, который открывается по клику на изображение. Но при растягивании и уменьшении портится качество. Автоматически картинки загружаются с высотой 400 px.

Редактор изображений в вики

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

Тестовый пост с вики-меню

Посты

Размеры: не менее 700 px в ширину для обычных постов, не меньее 510х288 px для статьи в редакторе.

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

Ответ поддержки о влиянии размера картинки на позицию в выдаче

Основатель Церебро Таргет Феликс Зинатуллин утерждает, что картинка должна быть не менее 700 пикселей в ширину. Как показывает его опыт, у постов с картинками шириной в 700 пикселей и с шириной в 699 может быть разница охватов в два раза.

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

Десктопный просмотр

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

Мобильный просмотр

Есть другой формат поста — статья в редакторе. Обложка для нее должна быть горизонтальной, картинка сожмется до размера 510х288 px. Какие-либо изображения лучше помещать дальше от центра, заголовок тоже писать не нужно, он автоматически встанет посередине. Заголовок пишется белым шрифтом, но подсвечивается тенью, так что темные иллюстрации смотрятся лучше, но и на светлом текст не теряется.

Иллюстрация для статьи со светлым фономИллюстрация для статьи с темным фоном

Еще одна рекомендация для картинок — не пишите на них слова «лайк», «репосты» и прочее, что теоретически можно отнести к накруткам. Алгоритмы ВКонтакте борются с лайко-попрошайками и занижают охват таких постов. Об этом говорит эксперимент Церебро Таргет: два одинаковых поста получили разный охват подписчиков, на одном из них был замазан «лайк»:

Охваты у одинаковых постов

Товары

Размеры: не меньше 600 px.

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

Редактор не позволяет растягивать область выбора миниатюры

Установленный квадрат будет показан в товарном ряду, при клике карточка товара откроется с исходной картинкой.

Миниатюра товара из товарного ряда Открытая карточка товара

Чтобы качество не портилось, рекомендуем брать размер не менее 600 px. Как видно, с горизонтальной иллюстрацией образуются пустые поля, так что выгодным решением мы считаем квадратные иконки. Для своего товарного ряда мы их и выбрали:

Ряд с товарами в группе PR-CY Открытая карточка товара

Размер самого изображения должен быть не меньше 400 и не больше 6000 px по каждой из сторон. И мы рекомендуем оформлять изображения карточек товара в одном стиле, чтобы они выгодно смотрелись в списке плиткой.

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


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

Если вы хотите знать больше о ведении групп в социальных сетях, вам может быть интересны другие наши статьи из цикла SMM:

Основы SMM. Часть 1: Создаем коммерческий аккаунт

Основы SMM. Часть 2: Составляем контент-план на примерах и шаблонах

Основы SMM. Часть 3: Обратная связь в группе

Основы SMM. Часть 4: Сервисы для общения с подписчиками в соцсетях

Как вставить анимацию в ВК. Как делать гифки ВКонтакте: все об анимации

Здравствуйте. GIF-анимация — это анимационный видеоролик. Используются для привлечения внимания, во «ВКонтакте» используются как шутки. Изначально администрация Вконтакте выступала против добавления на сайт гифок. Со временем популярность анимационных роликов в Интернете растет. Чтобы не отставать от «моды», разработчики Вконтакте сделали возможным добавление гифок на стену.У пользователей есть вопрос: как добавить гифку в ВКонтакте.

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

Как сохранить гифку на компьютер

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

Как загрузить гифку Вконтакте

Добавьте гиф анимацию следующим образом.Войдите в раздел меню Документы .

Если нет, нужно настроить. Нажмите шестеренку возле меню или в настройках ⇒ Общие Настройка пунктов меню .

В главе Документы нажмите Добавить документ .


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

Как добавить гифку в ВК на стене

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

Как добавить гифку с сообщением в ВК

Проделав манипуляции, описанные выше, вы можете отправить гифку с сообщением любому собеседнику.

Где найти гифку Вконтакте

Gif анимацию можно найти в Интернете в достаточном количестве.Забей поиск — гифки для ВК, крутые гифки, например, и тысячи сайтов раздадут свои предложения. В самом Вконтакте есть сообщества, где можно найти гифку: vk.com/best_gif и vk.com/gif_01. Выберите тот, который вам нравится, добавьте его в документы и поделитесь с друзьями.

Создавайте гифки сами

Разумеется, делиться популярными изображениями — это здорово. А вот высший пилотаж поделится гифками, созданными им самим. Вконтакте запустил приложение, чтобы можно было сделать гифку из видео онлайн — http: // vk.com / gifcreator.

Вам необходимо сделать следующее:

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

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

Отпишитесь в комментариях, если статья была вам полезна.

Удачи!

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

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

Gif-анимация или gif — это обычная анимированная картинка, созданная в одном из графических редакторов и сохраненная в формате gif.

Где найти gif-анимацию Вконтакте

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

Заходим на нашу страницу и в левом меню нажимаем на ссылку «Документы»:

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

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

Как скачать и сохранить гиф на свой компьютер

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

Пишем имя файла. Мы можем оставить то, что нам предложили. Где «Тип файла» требуется для указания «Изображение GIF».Также не забудьте указать место на жестком диске, где будет сохранен файл:

Как воспроизвести скачанный гиф на компьютере

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

Для воспроизведения гифки ее нужно открыть в браузере. Щелкните правой кнопкой мыши файл анимации, в контекстном меню выпадающего списка выберите пункт «Открыть с помощью», а затем «Internet Explorer».Если вы хотите открыть его в другом браузере, то в этом случае вам нужно нажать на пункт «Выбрать программу …»

Посмотрите на скриншот и вам все станет ясно:

И все, дорогие друзья, мы с вами научились искать и сохранять гифки в соцсети В контакте.

GIF Популярный графический формат.

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

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

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

Инструкция: как добавить гифку в ВК

Для того, чтобы добавить гифку в ВКонтакте, не нужны дополнительные приложения … Все очень просто:

  1. Первым делом зайдите в свой вк.com и откройте вкладку «Документы».
  2. Если раздела «Документы» нет в главном меню, то нажмите на аватар в правом верхнем углу и выберите «Настройки» в выпадающем списке.
  3. Напротив пункта «Меню сайта» нажмите ссылку «Настроить отображение пунктов меню»;
  4. В открывшемся окне установите флажок «Документы» и сохраните изменения.
  5. Зашли в раздел «Документы»! Нажмите кнопку «Добавить документ», если гифка хранится на вашем компьютере;
  6. В новом окне «Скачать документ» нажмите «Выбрать файл» и уже в проводнике найдите гифку.Также есть примечание:
    Ограничения

  7. Вы можете добавить гифку другим способом. Если на вашем компьютере их нет для загрузки. Тогда просто напишите ключевой запрос в поисковике раздела «Документы». Поиск будет осуществляться первым среди загруженных личных документов, а ниже вы можете увидеть документы глобального поиска. Сразу хочу сказать, что отображаются не только гифки, но и текстовые файлы с форматами xls, docx, pdf и др. Чтобы сузить область поиска, используйте вкладки справа.В нашем случае выбираем «Анимация»;
Тематические выпуски:

Как добавить гифку на стену ВК

Как добавить GIF анимацию на стену или оставить GIF, например, в комментариях группы.


Второй способ — загрузить гифку на сайт ВКонтакте.


Вот и все! Теперь вы знаете, как добавить гифку ВКонтакте.

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

В статье рассказывается, что такое гивка и как ею пользоваться Вконтакте.

Навигация

Изображения разного характера от простых фотографий и демотиваторов до анимации и простых рисунков давно завоевали свою популярность в Интернете среди пользователей. Немалый интерес представляют изображения в формате GIF или « gIFs ».В этой статье мы подробнее рассмотрим, что такое gIF , как его использовать и как использовать в социальной сети « В контакте с ».

Что такое GIF?

Расширение « .GIF » (указывается в конце имени файла) — это формат для обмена графикой. Полученные изображения в этом формате можно безопасно хранить без потери качества и иметь до 256 различных цветов. Конечно, при необходимости можно добиться большего количества цветовых тонов для анимации.

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

Поясним более доступным для рядовых современных пользователей Интернета, что такое gIF , и чем оно может быть полезно.

И.e, Animated GIF — это изображение, которое, в свою очередь, состоит из нескольких изображений / фотографий / кадров, расположенных в определенном порядке. Каждое из этих изображений запрограммировано на определенную частоту отображения на экране, за счет чего один кадр сменяется другим и, как правило, по окончании такого отображения процесс запускается снова и снова по кругу. В результате мы видим движение на картинке, как это бывает при прокрутке киноленты.

Готовый GIF с движущимся изображением (59 кадров)

В качестве цвета палитры можно выбрать прозрачный.Это позволяет браузерам (« Mozilla », « Google Chrome », « Opera » и т. Д.) Отображать фон через прозрачные области.

Где используются GIF-файлы?

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

GIF-файлы широко распространены среди веб-дизайнеров, которые с помощью файлов GIF оформляют определенные сайты. GIF-файлы также необходимы при передаче небольших изображений, содержащих изображения и текст. Если вы заметили на каком-нибудь сайте, например, красивые кнопки, то это gIFs .

Но Файлы GIF не могут выступать в качестве фотографий, для которых файлы формата Jpeg ( Jpg ) с неограниченным количеством цветов.

Как использовать гифки в социальной сети Вконтакте?


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

Для начала выбираем источник, откуда брать тот или иной нам вроде gIF … Этими источниками может быть Интернет или компьютер (ноутбук и т. Д.).

Если нам нужно заимствовать GIF-файл из Интернета, вы должны щелкнуть по нему правой кнопкой мыши и в открывшемся меню выбрать пункт типа «Копировать ссылку на изображение» (у каждого браузера может быть свое имя) .Затем вставляем скопированную ссылку в нужное нам место на сайте « В контакте с »: на стене групп, в комментариях, на своей стене, в сообщениях и т.д. Далее нажимаем на « Отправить сообщение » Понятно, что мы выполняем абсолютно стандартные действия, как и в следующем случае.

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

Кроме того, gIF вы можете скопировать (себе в « Документы »). Другие пользователи « В контакте с », нажав на gIF , а затем на значок « + ».

Видео: Gif-анимация.Что такое Gif. Гифки! Уроки GIMP. Как сделать GIF в фоторедакторе GIMP лайфхаки HD

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

Вы можете найти много интересных и забавных гифок в соответствующих группах ВК или на других виртуальных ресурсах. Например, в группе https://vk.com/best_gif представлен широкий выбор забавных видеороликов.


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

Откройте этот раздел и выберите «gif» в поле справа. Поиск Вконтакте найдет для вас много разных анимаций. Если вы нашли в Интернете интересную анимацию и хотите, чтобы она присутствовала в вашем контакте, то просто скопируйте ссылку на нее и добавьте на свою стену.GIF загрузится в ВК, и вы сможете добавить его в свои документы.

Как вставить гифку Вконтакте

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


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

Gif анимация Вконтакте

Gif анимацию Вконтакте можно не только скачать, но и создать самому. В этом поможет специальное приложение для создания гифок.

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

, и нажмите кнопку «Добавить документ».

В следующем окне нажмите кнопку «Выбрать файл».


Найдите и выберите нужный файл на вашем компьютере. На следующем этапе дайте ему имя, тип и метку (при необходимости). Теперь нажмите кнопку «Сохранить».

Теперь гифка загружена в ваши документы ВКонтакте.Вы можете использовать это.

Как добавить гифку

Процесс аналогичен добавлению файла (см.).

Если речь идет о надписи на стене (см.), То сделайте следующее.

Щелкните блок «Что-нибудь новое» … Теперь перейдите по ссылке «Еще» и выберите «Документ».


Найдите наш GIF в списке и нажмите «Прикрепить».


Он будет прикреплен к сообщению. Добавьте текст и дополнительный контент и отправьте запись.

Есть еще вариант. Можно просто вставить ссылку на gif-файл (см.), Находящийся в Интернете. Он будет добавлен автоматически, и вам останется только отправить новый пост (см.).


Отправить GIF в сообщении

Перейти к диалогу с нужным пользователем (см.). Щелкните значок скрепки. И там выбираем пункт «Документ».


Прикрепите GIF к сообщению, как мы это делали на предыдущем шаге. А потом отправьте (см.).

Видеоурок: как загрузить гифку ВКонтакте

Заключение

Добавьте gif анимацию любым удобным способом. При необходимости его можно удалить (см.

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

Грубо говоря, было простое ограничение — был раздел для видеозаписей и свой для статичных изображений.Но от гифок отказываться не собирались, и в результате год назад администрация пошла на уступки и появилась возможность добавлять GIF-анимацию на стену (микроблог) ВКонтакте.

Правда, в альбом с обычными фото не разрешили выгружать гифки. Анимированные картинки вынуждены «ютиться» в разделе ДОКУМЕНТЫ.

Теперь мини-гид, как загрузить GIF-анимацию на стену VK.COM:

1. Зайдите на стену (микроблог) и перейдите в форму для отправки сообщений.

2. Нажмите кнопку «прикрепить» и откройте полный список, нажав кнопку «другое» или просто переместив курсор мыши вниз.

4. Выберите понравившуюся анимацию на своем компьютере и загрузите ее в ВКонтакте. Если вы не знаете, где взять анимированные картинки, то проще всего будет скачать их из комментариев в большие сообщества ВК, из специализированных групп и сайтов.
5. После того, как файл выбран и загружен — вы можете выбрать его в списке ваших документов и, нажав на кнопку «отправить», прикрепите GIF-файл к стене.

Вы также можете скачать анимацию по прямой ссылке. Для этого нужно найти в Интернете графический дисплей и скопировать ссылку на него так, чтобы она оканчивалась на **. GIF. Тогда просто приклейте ссылку на стену и * вуаля! * Появляется анимация.

Теперь есть еще один способ сохранить избранные изображения в формате GIF … Для этого откройте чужую картинку и просто нажмите на «+» в правом нижнем углу. Это действие сохраняет GIF прямо в ваши документы, откуда вы можете прикрепить его в 2 клика.

Так как вы, дорогие читатели, не экономите на лайках за посты, вот вам еще один способ. Прежде всего, перейдите в раздел ДОКУМЕНТЫ, перейдя по ссылке — http://vk.com/docs. Затем в поиске набираем: GIF или GIF и видим ВСЕ загруженные анимации ВКонтакте. Выбор огромный. На момент публикации статьи было более 150 миллионов движущихся картинок.

Рассмотрим основные возможности работы с движущимися изображениями.

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

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

Не забывайте нажимать на плюсы и ретвиты статьи. Это очень важно.

Печать

Автоматическая публикация на пабликах Вконтакте с использованием VK API и Python

Vk.com (ВКонтакте) — самая популярная социальная сеть в России и странах бывшего СССР с более чем 430 миллионами пользователей. Изначально это был клон Facebook. Но теперь, после 10 лет разработки, эти два сервиса сильно отличаются друг от друга.

Традиционные преимущества vk.com — огромное количество бесплатной музыки и видео. Сервис позволяет пользователям загружать и обмениваться файлами и долгое время был довольно терпимым к пиратству. В 2016 году Mail.Ru Group, материнская компания Вконтакте, решила все проблемы с крупными музыкальными лейблами и теперь тесно сотрудничает с правообладателями.

В отличие от Facebook, ВКонтакте имеет очень эффективные возможности для создания сообществ: публичные страницы (блоги) и группы (открытые и закрытые веб-форумы). В сообществах ВКонтакте вы можете легко делиться новостями, фото, аудио, видео, текстовыми файлами в разных форматах, создавать темы обсуждений и вики-страницы.Когда я учился в университете в 2003-2009 годах, для обмена информацией в учебной группе нам потребовалось создать собственный веб-сайт и форум на базе phpBB. Сейчас практически все студенты просто используют для этого группы ВКонтакте. В отличие от Facebook, ВКонтакте показывает весь контент в группах как есть, без скрытия и фильтрации.

Благодаря возможностям автоматизации охвата можно делать разные интересные вещи на базе ВКонтакте. Для начала я решил разместить все аннотации из своего блога https://avleonov.com в https: // vk.com / avleonovcom Страница Вконтакте. Я создал эту страницу в веб-интерфейсе и автоматически заполнил ее контентом, используя свои собственные скрипты Python.

Создание нового приложения

Я хочу работать с Вконтакте из моих скриптов Python. Итак, для этого мне нужно будет создать новое автономное приложение. Сделать это можно здесь: https://vk.com/editapp?act=create

.

Upd. Март 2018 Интеграция с Вконтакте внезапно оборвалась, потому что добавили обязательный параметр версии для всех звонков.

Получение sms кода для подтверждения. И вот у меня новое приложение:

Я изменил статус на «Заявка включена и видна всем».

Получение информации о странице

А теперь попробуем что-нибудь сделать. Все доступные методы перечислены на https://vk.com/dev/methods

.

Для большинства методов требуется аутентификация по токену. Например, используя токен сообщества , вы можете выполнять некоторые операции на своей странице. Пойдем. Захожу на страницу https: // vk.com / avleonovcom? act = токены

Создать токен

Выберите необходимые права для нового токена доступа:

  • Разрешить приложению управлять сообществом
  • Разрешить доступ к сообщениям сообщества
  • Разрешить доступ к фотографиям сообщества
  • Разрешить доступ к документам сообщества

Получение sms кода для подтверждения. И теперь у меня есть токен:

А теперь давайте информацию о группе:

 #! / Usr / bin / python

импорт

community_token = "3bXXXXXXXXXXXXXXXXa3"

params = (
    ('group_id', 'avleonovcom'),
    ('access_token', community_token),
)

ответ = запросы.получить ('https://api.vk.com/method/groups.getById', params = params)

печать (response.text) 

Ответ в Json:

{«response»: [{«gid»: 149273431, «name»: «Александр Леонов», «screen_name»: «avleonovcom», «is_closed»: 0, «type»: »page», «is_admin»: 1 , «Admin_level»: 3, «is_member»: 1, «photo»: «https: \ / \ / pp.userapi.com \ / c638021 \ / v638021099 \ / 5ebf2 \ /CMFlIiN7BRQ.jpg», «photo_medium»: » https: \ / \ / pp.userapi.com \ / c638021 \ / v638021099 \ / 5ebf1 \ /ObJxr2sBTKg.jpg «,» photo_big «:» https: \ / \ / pp.userapi.com \ / c638021 \ / v638021099 \ / 5ebf0 \ / KQfDrQHHc4o.jpg ”}]}

Создание поста

Хорошо, теперь давайте посмотрим, как опубликовать что-нибудь на стене сообщества https://vk.com/dev/wall.post

Для этого мне нужно токена пользователя . Я попробую «Неявный поток» для токена доступа пользователя.

Я просто открываю этот URL в браузере:

https://oauth.vk.com/authorize?client_id= 6096665 & display = page & redirect_uri = https: //oauth.vk.com/blank.html&scope= офлайн, фотографии, стена, группы & response_type = token & v = 5 .65

И когда я нажму «Разрешить», я буду перенаправлен на:

https://oauth.vk.com/blank.html#access_token= bd9487fcd4bd6de7e43aqjfo2n3tjdfi3323b6327b1128987c834ab0b13d8a2fbe1fedc0119bcb4762d_product & amp;

А теперь можете использовать этот токен.

Примечание! «-» в owner_id. Это важно!

 user_token = "bdXXXXXXXXXXXXXXXXX49"

params = (
    ('owner_id', '-149273431'),
    ('from_group', '1'),
    ('сообщение', 'Привет, мир!'),
    ('токен_доступа', токен_пользователя),
)

ответ = запросы.получить ('https://api.vk.com/method/wall.post', params = params)

печать (ответ.текст)
 

{«ответ»: {«post_id»: 3}}

Первое автоматически отправленное сообщение! Большой!

Хорошо, теперь давайте попробуем опубликовать URL с текстом и фотографией

 params = (
    ('owner_id', '-149273431'),
    ('from_group', '1'),
    ('сообщение', 'Привет, мир2!'),
    ('сообщение', 'photo1468099_456239095, https: //avleonov.com'),
    ('токен_доступа', токен_пользователя),
)

ответ = запросы.получить ('https://api.vk.com/method/wall.post', params = params)

печать (response.text) 

{«ответ»: {«post_id»: 6}}

Здесь есть все необходимые элементы: многострочный, хэштеги, ссылки и картинки. Жалко, что я не могу указать изображение для любого URL-адреса, как я могу сделать это в графическом интерфейсе. 🙁

Как видите, я использовал картинку ID photo1468099_456239095 с моей личной страницы. Итак, давайте также посмотрим, как добавлять изображения на страницу сообщества.

Создание нового фотоальбома

В первую очередь мне нужен фотоальбом на моей страничке.Я могу создать его вручную или воспользоваться этим методом https://vk.com/dev/photos.createAlbum

 params = (
    ('group_id', '149273431'),
    ('название', 'иллюстрации блога'),
    ('описание', 'изображения с avleonov.com'),
    ('upload_by_admins_only', '0'),
    ('комментарии_отключены', '0'),
    ('токен_доступа', токен_пользователя),
)

response = requests.get ('https://api.vk.com/method/photos.createAlbum', params = params)

печать (ответ.текст)
 

{«response»: {«aid»: 245830662 , «thumb_id»: 0, «owner_id»: — 149273431, «title»: «иллюстрации блога», «description»: »изображения от avleonov.com »,« created »: 14969,« updated »: 14969,« privacy »: null,« comment_privacy »: null,« size »: 0,« can_upload »: 1}}

Хорошо, вот мой новый альбом:

https://vk.com/album-149273431_245830662

А теперь давайте добавим изображения в этот альбом.

Загрузка изображений

Прежде всего, мне нужно спросить Vk, какой сервер я могу использовать для загрузки изображений в конкретном сообществе и альбоме: https://vk.com/dev/photos.getUploadServer

 params = (
    ('group_id', '149273431'),
    ('идентификатор_альбома', '245830662'),
    ('токен_доступа', токен_пользователя),
)

ответ = запросы.получить ('https://api.vk.com/method/photos.getUploadServer', params = params)

печать (ответ.текст)
 

{«response»: {«upload_url»: » https: \ / \ / pu.vk.com \ / c638625 \ /upload.php? Act = do_add & mid = 1468099 & aid = 245830662 & gid = 149273431 & hash = 376ebedee109e24cfdebcd&hl=ru&hl=ru 1&hl=ru «,» помощь «: 245830662,» середина «: 1468099}}

Получение URL из этого json:

 импорт json
upload_server = json.загружает (response.text) ['response'] ['upload_url']
печать (upload_server)
 

https://pu.vk.com/c638625/upload.php?act=do_add&mid=1468099&aid=245830662&gid=149273431&hash=376ebed109e24233586f11bb245567af&rhash=dee97ac3f966fi6loadc9c8

Теперь я могу загрузить файл изображения petya.png на сервер, используя этот URL-адрес

 files = {'file1': open ('petya.png', 'rb')}

response = requests.post (upload_server, files = файлы)

печать (ответ.текст)
 

{«server»: 638625 , «photos_list»: « [{\» фото \ «: \» ae058e4488: z \ », \» sizes \ «: [[\» s \ », \” 638625099 \ ”, \” 46dfc \ ”, \” kq-CLsvmn1c \ ”, 75,47], [\” m \ ”, \” 638625099 \ ”, \” 46dfd \ ”, \” ARweXs4fNY4 \ ”, 130,81] , [\ «X \», \ «638625099 \», \ «46dfe \», \ «azuLkrnJlEM \», 604 377], [\ «y \», \ «638625099 \», \ «46dff \», \ » Hhh9ZDOIG7A \ ”, 807,504], [\” z \ ”, \” 638625099 \ ”, \” 46e00 \ ”, \” — oRXtMm8KoI \ ”, 820,512], [\” o \ ”, \” 638625099 \ ”, \ «46e01 \», \ «BIuUvHI-jO4 \», 130,87], [\ «p \», \ «638625099 \», \ «46e02 \», \ «rvBynPb3ySs \», 200,133], [\ ”q \ «, \» 638625099 \ «, \» 46e03 \ «, \» 7co0uaiSnW4 \ «, 320,213], [\» r \ «, \» 638625099 \ «, \» 46e04 \ «, \» J3K4uca6G1E \ «, 510,340 ]], \ «Kid \»: \ «646c7ed0cdac2164775b2ad14cd2b45b \», \ «debug \»: \ «xszmzxzyzzzozpzqzrz \»}] «,» help «: 245830662,» hash «:» efa14d4908 : 149273431}

Получение необходимых параметров:

 img_hash = json.загружает (response.text) ['hash']
photos_list = json.loads (response.text) ['photos_list']
server = json.loads (response.text) ['сервер']
 

И, наконец, сохраните загруженный файл в фотоальбом: https://vk.com/dev/photos.save

 params = (
    ('group_id', '149273431'),
    ('идентификатор_альбома', '245830662'),
    ('хеш', img_hash),
    ('photos_list', photos_list),
    ('сервер', сервер),
    ('подпись', 'тестовое изображение'),
    ('токен_доступа', токен_пользователя),
)

ответ = запросы.получить ('https://api.vk.com/method/photos.save', params = params)
печать (ответ.текст)
 

{«ответ»: [{«pid»: 456239022, «id»: « photo1468099_456239022 «, «помощь»: 245830662, «owner_id»: — 149273431, «user_id»: 1468099, «src»: «https: \ / \ / pp.userapi.com \ / c638625 \ / v638625099 \ / 46efe \ /climLuu7McI.jpg «,» src_big «:» https: \ / \ / pp.userapi.com \ / c638625 \ / v638625099 \ / 46eff \ /9rAsDsEmiUg.jpg «,» src_small «:» https: \ / \ / pp.userapi.com \ / c638625 \ / v638625099 \ / 46efd \ /mmeTVQjTAcE.jpg «,» src_xbig «:» https: \ / \ / стр.userapi.com \ / c638625 \ / v638625099 \ / 46f00 \ /vm8tYL62cTA.jpg ”,” src_xxbig ”:” https: \ / \ / pp.userapi.com \ / c638625 \ / v638625099 \ / 46f01 \ /RybUx0jpg ”lBX , «Ширина»: 820, «высота»: 512, «текст»: «тестовое изображение», «создано»: 14977}]}

Примечание! Сервер возвращает идентификационную фотографию 1468099 _456239022. Это мой идентификатор пользователя. И идентификатор страницы — 149273431. Я не знаю, почему возвращается этот идентификатор. Итак, я редактирую id этой заменой:

 photo_id = re.sub ("фото1468099", "фото-149273431", photo_id)
 

И это работает!

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

Примечание! Есть лимит, на стене можно создавать не более 50 постов в день!

Привет! Меня зовут Александр, я специалист по автоматизации информационной безопасности. Вы можете узнать обо мне больше здесь. В настоящее время лучший способ подписаться на меня — мой канал в Telegram @avleonovcom. Я обновляю его гораздо чаще, чем этот сайт.Если вы еще не использовали Telegram, попробуйте. Это великолепно. Вы также можете обсудить мои сообщения или задать вопрос на @avleonovchat.

пошаговых инструкций. Как загрузить гифку ВКонтакте

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

ПК

Рассмотрим на практике, в «ВК», с помощью ПК… Это делается в несколько щелчков мышью. Но для начала нужно разобраться с вопросом: где хранятся гифки в ВК?

Файлы этого типа помещаются в раздел «Документы». Итак, качайте или создавайте анимацию. Добавьте его в «Документы». Для этого достаточно нажать на одноименный раздел в левом меню. Откроется список загруженных документов. Если их нет, то они не будут отображаться в списке.

Переходим к следующему этапу решения вопроса «как добавить гифки в« ВК »».Щелкните по кнопке «Добавить документ». Это загрузит материал с жесткого диска … Появится окно с ограничениями. В нем говорится, что файл не должен нарушать авторские права, и его размер не может превышать 200 МБ. В нем также перечислены типы материалов, поддерживаемых проектом. Среди них есть интересующая нас гифка.

Используем функцию «Выбрать файл». Указываем на нужную нам анимацию на компьютере. После загрузки появляется окно, в котором нужно выбрать тип нашего документа.Если вы укажете, что материал является личным, он не будет доступен другим пользователям социальной сети. Нажмите кнопку «Сохранить». Файл появится в наших документах. Теперь ты можешь им пользоваться.

Приложение

Теперь разберемся, как добавить гифки в ВК и разместить их на стене. Заходим на личную страницу. Начинаем вводить сообщение на стене. Доходим до места, где должна быть вставлена ​​анимация. Затем нажмите кнопку «Еще». Выбираем вариант «Документ». Перед нами предстанет список материалов.Напротив нужной анимации нажмите кнопку «Прикрепить».

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

Letter

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

В результате наш собеседник получит анимационный материал. Чтобы просмотреть его, вам просто нужно щелкнуть левой кнопкой мыши по файлу. Обратите внимание, что GIF — это формат растровой графики. Такой материал способен сохранять сжатые изображения без потери качества, если они содержат не более 256 цветов. Этот формат не зависит от оборудования.

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

  • GIPHY — самый популярный ресурс в формате GIF.
  • гифки на реакцию — гифки с эмоциями. Готовые ответы на все случаи жизни.
  • Pinterest не такой уж узкопрофильный ресурс, но благодаря своему масштабу позволяет найти много интересных гифок.
  • GIF Bin — гифки на разные темы с тегами, категориями и удобством просмотра.
  • Tumblr — Художники, которые создают крутые гифки, также любят Tumblr: вы можете найти там все, что в тренде.
  • GIFSoup — это обновляемая галерея гифок с удобной сортировкой и просмотром.
  • Reddit — самые горячие гифки, отобранные лучшими редакторами со всего мира.
  • Replygif — гифки-ответы на любые вопросы.
  • GifGifGifGifGif — побольше гифок, хороших и разных!
  • GIFs.net оживляет все, от природных явлений до различных предметов одежды, от научных концепций до еды и напитков.
  • ReactionGifs — еще один замечательный ресурс с гифками с реакциями.

Как быстро вставить крутую гифку по теме

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

Браузеры GIF

Mac и Windows
  • GIF для Mac () — это браузер GIF прямо в строке меню. Быстрее, наверное, не представляешь.
  • GIFs () — это также поисковая система в браузере, с которой все крутые гифки будут на расстоянии одного клика.
  • PopKey (Mac, Windows, Web) — кроссплатформенные приложения с быстрым доступом к каталогу gif и синхронизацией избранного и всех настроек между устройствами.
  • GIF Keyboard (Mac) — браузер GIF прямо в строке меню. Анимации можно перетаскивать прямо в iMessage и другие чаты. Есть синхронизация с версией iOS.
iOS и Android

Клавиатуры

  • GIF Keyboard (, Android) — клавиатура для смартфона, целиком состоящая из гифок.
  • PopKey (iOS) — клавиатурная версия браузера на основе лучших гифок с удобным разделением на категории и прямой вставкой.
  • GIF Keyboard (Android) — более 20 000 гифок, разделенных на категории, одним касанием.

Расширения и Интернет

  • GoogleGIFS () — это расширение для Chrome с файлами GIF прямо в поле поиска.
  • GIPHY Chrome Extension (Google Chrome) — это расширение, которое добавляет интеграцию GIPHY с панелью поиска Chrome, Gmail и других сервисов Google.
  • GIFGIF (Web) — сервис, содержащий огромное количество гифок, выражающих различные эмоции.
  • GifMe (Google Chrome, Safari) — с этим каталогом в качестве расширения для браузеров необходимые гифки всегда будут у вас под рукой. Кроме того, есть мобильные приложения для iOS и Android.

Как сделать гифку самому

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

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

Mac и Windows

  • Конвертировать видео в GIF () — конвертируйте видео в GIF с помощью скрипта всего в один клик.
  • Cute Video to GIF (Windows) — это утилита для преобразования видео в GIF с настраиваемыми параметрами.

Расширения и Интернет

  • GIF-файлы (Интернет). Есть видео с YouTube, но нужен GIF? Без проблем!
  • Imgur: Video to GIF (Web) — еще один онлайн-инструмент, который позволяет конвертировать любое видео в GIF, просто вставляя на него ссылку.
  • GIFit! (

Как загрузить гифку в ВК, подробная, пошаговая инструкция.

Хотите знать, как стабильно зарабатывать в Интернете от 500 рублей в день?
Скачать мою бесплатную книгу
= >>

Да, спросите вы, а почему они называются гифками? Ответ прост, это слово произошло от названия расширения файла — gif.

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

Сейчас в ВК столько гифок разной тематики, что их можно не скачивать, а искать поиском и добавлять себя.

Это делается следующим образом:

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

Загружаем изображение обычным способом, то есть находим его на компьютере, затем указываем другой документ.

Как добавить гифку на стену

Так ваши друзья увидят ваше обращение к ним и оценят его по достоинству.

Предлагаю вам еще несколько полезных статей:

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

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

Как загрузить гифку с компьютера

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

Откроется список загруженных нами файлов. Если их еще нет, то, естественно, списка еще не будет.Нажмите кнопку «Добавить документ», чтобы загрузить его с жесткого диска:

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

Читаем все и нажимаем на кнопку «Выбрать файл»:

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

GIF появится в ваших сохраненных доках, и теперь вы можете вставить его куда угодно. Начнем с нашей стены.

Как добавить гифку на стену ВК

Заходим на нашу главную страницу, начинаем писать сообщение на стене до тех пор, пока не появится необходимость вставить анимацию. Затем нажмите «Еще — Документ». Смотрим на скриншот:

Загружаем список наших доков.Напротив желаемой гифки нажмите кнопку «Прикрепить»:

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

У нас есть куча анимаций. Напротив желаемого также нужно нажать кнопку «Прикрепить»:

После добавления анимации в окно нажмите кнопку «Отправить»:

Как отправить гиф анимацию с сообщением ВК

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

Находим собеседника, которому хотим отправить анимацию. Пишем сообщение, далее нажимаем «Подробнее — Документ»:

Проводим уже знакомую нам процедуру и прикрепляем гифку:

Вот и все, после того, как мы отправим сообщение. Ваш друг получит анимированный файл. Чтобы просмотреть его, вам нужно будет только щелкнуть по нему левой кнопкой мыши.

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

Редактор статей ВКонтакте — учимся публиковать статьи в ВК — SMM продвижение

Новый редактор статей ВКонтакте теперь доступен всем пользователям. Его большое преимущество в том, что он очень прост и удобен в использовании. Позволяет начать создавать статьи со стены на своей странице или из ленты новостей и делать достаточно большие публикации всего за несколько кликов. Было бы о чем написать.

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

Авто-продвижение в Инстаграм без блоков

Рекомендовано : Jesica — это приложение для продвижения в Instagram (от создателей Instaplus.me). Установите Jesica на свой телефон или компьютер Android, и приложению понравится, подпишется и откажется от подписки, как если бы вы делали это сами:

  • Нет блоков. Пределы работают так, как если бы вы все это делали вручную.
  • Безопасно. Вам не нужно вводить пароль для своей учетной записи.
  • Высокая скорость. Вы можете ставить до 1000 лайков и 500 подписок в день.

Попробовать 5 дней бесплатно >>
Реклама

Создание статьи в редакторе ВК

Итак, чтобы перейти в редактор статей ВКонтакте, нажимаем на иконку прямо с ленты или со стены — букву Т и три горизонтальные линии разной длины. Статьи можно создавать, как от имени сообщества или паблика, так и с личной страницы.

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

Форматирование текста

Особенности редактора статей ВК:

  • жирный шрифт;
  • курсив;
  • зачеркнутый текст;
  • добавление заголовков и подзаголовков;
  • выделение котировок;
  • вставка гиперссылок.

Кнопки нужны для форматирования текста; они появляются, когда вы выбираете фрагмент текста, для которого вы хотите изменить стиль.

Вставка картинок и видео в ВК статья

Чтобы добавить изображение или видео к своему сообщению, просто нажмите на знак плюса справа, и появится небольшое меню, в котором вы можете выбрать, что вы собираетесь вставить:

  • картинка;
  • видео;
  • gif анимация.

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

Обложка статьи или эскиз

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

Статья публикация

Далее в правом верхнем углу находим кнопку публикации, нажимаем на нее. ВК покажет нам обложку статьи и ссылку (формат ссылки vk.com/@43515536-ok-vk-davai-pisat-statu), по которой статья будет доступна.

Нажимаем «Опубликовать».

Как писать статьи и тексты для сайта

Статистика

Статистика покажет, на что стоит обратить внимание. Учитываются все необходимые метрики, в том числе классическая «воронка» — вы узнаете, сколько пользователей освоили весь текст, а сколько сдались в середине.

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

Также можно добавить товар из своей группы в ВК в артикул

В целом внешний вид редактора статей в ВК классный! Потому что вам больше не нужно бороться с разметкой вики, чтобы создать страницу или написать короткую заметку. Функцию уже начали использовать многие сообщества, что говорит о ее полезности и помогает в продвижении группы в VK … Кроме того, статья в ленте выглядит намного презентабельнее, чем созданная вики-страница.

Настройки приватности ВК на Android: Жесткий уровень

Зачем: чтобы избавиться от спама в комментариях.

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

Отключить комментарии к определенным сообщениям

Это можно сделать как при создании сообщения, так и после его публикации.

I. Чтобы отключить комментарии при создании сообщения:

  1. Коснитесь шестеренки в правом нижнем углу экрана, чтобы перейти к настройкам;
  2. Нажмите Отключить комментарии .

II. Чтобы отключить комментарии к уже опубликованному сообщению:

  1. Коснитесь значка с тремя точками в правой части заголовка сообщения;
  2. Выбрать Отключить комментарии .

Ограничьте круг лиц, которые могут комментировать ваши сообщения

Чтобы выбрать, кто может комментировать ваши сообщения:

  1. Откройте свой профиль, коснувшись значка человека в правом нижнем углу экрана;
  2. Коснитесь трех горизонтальных линий в правом верхнем углу экрана и выберите Настройки ;
  3. Перейти в раздел Конфиденциальность ;
  4. Нажмите Кто может комментировать мои сообщения :
  5. Выберите Все друзья , чтобы только ваши друзья в социальной сети могли оставлять комментарии;
  6. Выберите Некоторые друзья , чтобы еще больше ограничить круг лиц, которые могут комментировать ваши сообщения;
  7. Выберите Только я , чтобы никто, кроме вас, не мог оставлять комментарии;
  8. В подразделе Запрещено выберите Добавить друзей , если вы хотите запретить определенным пользователям добавлять комментарии;
  9. В том же подразделе выберите Добавить списки , чтобы запретить определенным группам пользователей комментировать ваши сообщения.

Полностью отключить комментарии на стене

Вы можете полностью отключить комментарии под своими сообщениями. Для этого:

  1. Откройте свой профиль, коснувшись значка человека в правом нижнем углу экрана;
  2. Коснитесь трех горизонтальных линий в правом верхнем углу экрана и выберите Настройки ;
  3. Перейти в раздел Аккаунт ;
  4. Отключить Разрешить комментарии .

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

VK заново изобретает хранилище для социальных сетей

Intel тесно сотрудничает с поставщиками облачных услуг

VK и Intel тесно сотрудничают уже пять лет. «За это время мы вместе работали над множеством проектов и исправили множество проблем», — сказал Подприатов. «У нас хорошие отношения между нашими компаниями, и мы в VK знаем, что можем обратиться в Intel, если у нас возникнут какие-либо трудности в процессе тестирования или внедрения.”

VK сам выполняет реализацию, но Intel помогла с некоторыми процессами проверки. «Мы можем тестировать такие системы хранения только на производстве», — сказал Подприатов. «Чтобы заполнить твердотельный накопитель реальными данными и проверить, как данные перемещаются из горячего хранилища в холодное, может потребоваться два месяца. Это невозможно проверить в лабораторных условиях ».

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

Результаты деятельности, сообщенные VK

По оценкам

VK, при внедрении нового решения для хранения данных можно добиться значительной экономии. Постоянная экономия места, затрат на электроэнергию и охлаждение, так как VK теперь требуется меньше стоек для хранения того же объема данных, с объемом хранилища до 0,4 ПБ в 1U. 1 В результате ВК сообщает, что снизила затраты на электроэнергию и охлаждение.«Мы можем заменить два наших старых сервера на один из наших новых, улучшив при этом нашу производительность», — сказал Подприатов.

Перенаправление данных из DRAM на твердотельные накопители и в постоянную память Intel Optane, а также быстрое изменение размера образов с помощью Intel FPGA позволили VK сократить расходы на хранилище горячего уровня, в то же время позволяя Intel эффективно обеспечивать производительность, необходимую пользователям. «Теперь у нас больше производительности по более низкой цене, чем у нашего предыдущего решения для хранения данных», — сказал Подприатов.

В центре внимания ВК

ВКонтакте — крупнейшая социальная сеть в России и Содружестве Независимых Государств (СНГ) с 97 миллионами активных пользователей в месяц.Его миссия — объединять людей, услуги и компании, создавая простые и удобные инструменты коммуникации. Штаб-квартира VK находится в Санкт-Петербурге, также есть базы в Москве и Сочи, а также региональные представительские программы в Екатеринбурге, Казани, Нижнем Новгороде и Казахстане.

В 2019 году у ВКонтакте было 97 миллионов активных пользователей в месяц. 2 Каждый день пользователи просматривают 9 миллиардов сообщений и 650 миллионов видео и обмениваются 10 миллиардами сообщений. 1 Они нажимают кнопку «Нравится» миллиард раз в день. 2 В течение года пользователи загружают сотни петабайт новых данных, включая фотографии и видео. 1

Что такое ВК? Социальные медиа? Почему вам должно быть не все равно в 2019 году? | by SEOtoolsTV

Моей первой социальной сетью была ok.ru, известная как «Одноклассники».

После того, как я обнаружил VK.com, также известный как Вконтакте, я больше не пользовался ok.ru.

Основная причина заключалась в том, что большинство моих друзей использовали vk.com вместо ok.ru.

Вк.com имеет 2,2 миллиарда посетителей в месяц, и, согласно статистике Similarweb, он более популярен, чем ok.ru — всего 1,1 миллиарда посетителей.

Вы можете спросить, почему я не начал пользоваться Facebook или Twitter в это время?

В то время я жил в Украине, где именно эти социальные сети были очень популярны, даже больше, чем Facebook и Twitter.

Сегодня vk.com и ok.ru запрещены в Украине из-за сложной ситуации между Россией и Украиной.

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

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

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

Если у вас есть крупный бизнес в России, особенно социальные сети, вы должны поделиться личной информацией с российской службой безопасности или покинуть страну.

Telegram и Linkedin заблокированы в России, потому что эти платформы не предоставляют российский безопасный доступ.

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

Я продаю свои услуги SEO российским клиентам и не раскрываю свою личную информацию.

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

Проще говоря — если вам не нужны русские клиенты, не используйте vk.com.

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

Если вы хотите продавать свои товары русскоязычным покупателям, очень важно рассмотреть ВКонтакте из-за ее популярности в России.

Также примите во внимание тот факт, что 170 миллионов человек в мире говорят по-русски и 900 000 из них живут в США.

В Канаде проживает 1 359 655 украинцев, которые также говорят по-русски.

Русский язык — восьмой по распространенности язык на Земле.

Россияне пользуются ВКонтакте в 4 раза чаще, чем Facebook.

ВК также занимает сильные позиции в Беларуси — 20,08% и в Казахстане — 17,86%.

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

По статистике ВКонтакте 97 миллионов человек посещают ВК каждый месяц; 400 000 компаний имеют бизнес-счета; Ежедневно предприятия получают 40 миллионов ответов от клиентов.

Согласно статистике Alexa — Top сайтов, vk.com занимает 14-е место в мире — намного выше, чем Twitter и Instagram.

По данным Ahrefs, у vk.com 322 миллиона поисковиков.

Основную часть органического трафика составляют брендовые ключевые слова.

Считаете ли вы, что это достаточно веская причина, чтобы начать пользоваться ВКонтакте?

Я покажу вам, как сделать это по-настоящему простым.

Продолжайте читать.

При первом открытии vk.com вы можете увидеть русский текст.

Измените язык, щелкнув внизу «все языки».

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

Если вы не хотите делиться своими данными Facebook с ВКонтакте, то зарегистрируйте новую учетную запись на главной странице.

Выбор за вами.

Во всех случаях ВК требует номер мобильного для подтверждения.

Когда вы зарегистрируете свою учетную запись, перейдите на бизнес-страницу, где вы можете отправить всю информацию о своем бизнесе.

Выберите тип своей организации и добавьте свои данные.

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

Затем вам потребуется русский веб-сайт или русская версия вашего веб-сайта.

Например, у меня есть два русских сайта — seoquick.com.ua и seoquick.ru.

Мой аккаунт ВКонтакте на русском языке.

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

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

Вы можете спросить — какой тип рекламы вы можете настроить в ВК?

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

Прежде всего, откройте страницу «Создание рекламы» с английской версией.

Рекламы в новостной ленте делятся на следующие форматы:

  • Карусель подходит для продажи товаров с функцией «листать», если вы добавляете несколько картинок от 3 до 10. Настройте следующие элементы: текст, цена , URL, кнопка призыва к действию (CTA) и т. Д.
  • Сообщение с кнопкой позволяет добавить кнопку CTA со следующими функциями: Купить, Подписаться, Присоединиться, Перейти на веб-сайт.
  • Универсальный пост включает менее 10 элементов, таких как текст, видео, изображения, карта и т. Д. Я использую только этот формат для своих маркетинговых кампаний, потому что нет ограничений на количество символов, разрешенных в моих сообщениях.
  • Форма захвата лидов позволяет собирать информацию о потенциальных лидах.
  • Сюжетные объявления используются для включения вашей рекламы в пользовательские истории.
  • Реклама на веб-сайтах помогает настроить рекламу с прямой ссылкой на ваш сайт без участия в каком-либо сообществе.

Реклама на страницах ВКонтакте делится на следующие форматы:

  • Приложение позволяет получать трафик на свое приложение или игру, которая находится на vk.com.
  • Сообщество полезно для получения новых подписчиков в группах ВКонтакте.
  • Внешний веб-сайт поможет вам привлечь трафик на ваш веб-сайт.

Выберите, какой формат больше подходит для вашей кампании, затем внимательно прочтите требования и правила ВКонтакте.

Модераторы ВК заблокировали несколько моих маркетинговых кампаний про Instagram и YouTube.

Их политика запрещает платную рекламу, направленную на другие платформы социальных сетей.

Ознакомьтесь с основными правилами политики:

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

Перед тем, как отправить кампанию — ознакомьтесь с этими правилами.

В следующей главе я объясню вам, как настроить рекламу.

Это значительно проще, чем на Facebook.

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

Итак, в конечном итоге не имеет значения, есть ли у вас 1 000 или 100 000 подписчиков, если они не видят уведомления о ваших новых публикациях.

Я обычно настраиваю свои платные объявления, которые приводят потенциальных клиентов прямо на мой веб-сайт.

Примите во внимание тот факт, что ВК является платформой социальных сетей.

У аудитории отсутствует покупательский настрой — как и в других социальных сетях.

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

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

Обычно я продвигаю свои сообщения в блогах и обучающие видео на Youtube.

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

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

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

Я объясню вам, как создавать и рекламировать с помощью Universal Post.

Щелкните Universal Post и перейдите к кнопке «Создать сообщение».

Следующим шагом будет создание публикации с текстом и другими мультимедийными материалами.

Я настроил свою маркетинговую кампанию для этого поста — https://seoquick.ru/skolko-stoit-sdelat-sajt/

Вставьте картинку и целевую ссылку.

Затем введите стандартные настройки о вашей аудитории (покупательский образ).

ВК помогает с предложениями в правой части страницы.

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

Выберите целевую страну, регионы, города, исключив нерелевантные или дорогие регионы.

Например, если вы хотите показывать свою рекламу по всей России, исключите Москву из-за уровня конкуренции, чтобы не платить много за клики.

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

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

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

Выберите интересы и привычки, включите или исключите сообщества ВКонтакте.

Активируйте «Показать дополнительные параметры», включив или исключив веб-сайты.

Выберите среднее образование вашей целевой аудитории и их должности.

«Позиции» доступны только на русском языке.

Дополнительные параметры позволяют настроить ретаргетинг (посетителей вашего сайта).

Вы также можете исключить посетителей нерелевантных веб-сайтов.

Рассмотрим другие параметры, такие как: устройства, iOS и веб-браузеры.

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

Используя «Время показа рекламы», вы можете установить целевое время, когда ваша аудитория находится в сети или когда вы хотите продавать свои продукты.

В конце выберите «Создать новую кампанию» и нажмите кнопку «Создать объявление» в «Настройках цены и размещения».

Если вы пропустили какие-то важные поля, ВК сообщит вам об этом.

Вы можете использовать аналогичные функции из своей рекламы на Facebook.

Однако аудитория ВК отличается от аудитории Facebook.

Лучше провести A / B-тестирование, чтобы найти желаемую целевую аудиторию ВКонтакте.

Я обычно закрываю тестовую рекламу от 500 000 до 1 миллиона человек.

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

Если есть какие-то нарушения, вы получите уведомление и вам необходимо их исправить.

Нажмите «Рекламные кампании», и вы получите необходимые показатели эффективности ваших маркетинговых кампаний.

ВКонтакте — это гигантская социальная сеть для русскоязычных людей.

Если у вас есть российские клиенты или вы продаете свою продукцию в России, Беларуси и Казахстане, важно рассмотреть возможность использования этой платформы.

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

Если у вас есть дополнительные вопросы, не стесняйтесь задавать мне их в разделе комментариев.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

*