Донецкий техникум промышленной автоматики

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

  1. розміри зображень
  2. прикріплені зображення
  3. Підготовка картинок з посиланнями
  4. Вікі - Сторінка
  5. Відключення автоматичного зменшення зображень Вконтакте
  6. Чи не допускаємо погіршення якості
  7. шапка сторінки
  8. Аватар
  9. Мініатюра
  10. Що потрібно від мініатюри аватара
  11. Що включає в себе сам аватар
  12. Зображення до постів
  13. Відмінність вбудованих і прикріплених зображень
  14. Що таке Вікі-розмітка
  15. Створення Вікі-Сторінки
  16. Перехід в режим коду
  17. форматування тексту
  18. вставка посилання
  19. Додавання зображення
  20. Додавання відео
  21. Створення меню навігації
  22. завершуємо роботу
  1. Головна
  2. Допомога
  3. Оформлення групи Вконтакте
  4. Сторінка у Вконтакті зобов'язана бути красиво і грамотно оформлено, адже це не просто примха власника, а перше, що бачитимуть відвідувачі. Згадайте себе - коли ви заходите на сторінку і бачите «криві» картинки, нечитабельним текст, нагромадження непотрібних посилань і записів, то перше, що спадає на думку - скоріше б піти звідси. Саме тому варто з любов'ю підходити до оформлення власної або просуває сторінки, групи, паблік Вконтакте. У цій статті ви дізнаєтеся багато інформації, через що вона і вийшла досить великою, але - під час її прочитання ви напевно знайдете відповіді на більшу частину питань, що цікавлять по цій темі.

    розміри зображень

    Аватар

    Згідно з останніми змінами Вконтакте, розмір аватара повинен знаходитися в межах 200х200 - 200х500 пікселів. Хоча тут є своя хитрість - ваше зображення може бути практично будь-якого розміру, а головне - дотримуватися пропорції 2х5. У разі якщо ви спробуєте завантажити картинку з іншим співвідношенням, то Вконтакте запропонує виділити лише певну область, відповідну 2х5.

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

    Вони показуються на стрічці, яка має фіксовану ширину. Найкращим варіантом є - створити квадратне зображення зі стороною в 510. Чому? Та тому що так воно буде виглядати максимально природно і займе всю надану площу. Також варто враховувати, що дуже багато користувачів заходять у Вконтакте зі смартфона, а в мобільній версії важливо, щоб зображення були саме квадратні, так як виглядають вони набагато природніше.

    Підготовка картинок з посиланнями

    Картинки можуть автоматично завантажувати в новий запис, що містить посилання, за допомогою Open Graph або метатегов:

    Також можна використовувати і власне зображення, яке повинно мати співвідношення сторін 2.2х1, але не менше 537х240 пікселів

    Вікі - Сторінка

    У Віки - Сторінці необхідно використовувати зображення шириною 610 пікселів або більше, хоча незалежно від вашого бажання Вконтакте "уріже» її до 610, однак, чим більше вона буде, тим краще вийде якість в результаті.

    Відключення автоматичного зменшення зображень Вконтакте

    Той, хто коли-небудь «заливав» свої фотки в Вконтакте стикався з тим, що вони стискалися, тобто - зменшувався розмір. Природно, що це призводило до погіршення якості.

    Чи не допускаємо погіршення якості

    Перший спосіб - досить простий, однак будуть потрібні деякі навички роботи в Photoshop:

    • відкриваємо картинку
    • Натискаємо «Зберегти для Web»
    • Пересуваємо повзунок «Якість» до 100%
    • Зазначає пункт «Перетворити в sRGB»

    Але, як показує практика, вищезгаданий спосіб не завжди допомагає і доводиться використовувати другий варіант - в будь-якій зручній програмі збільшуємо розмір в пікселях до 300% і лише потім завантажуємо у Вконтакте.

    Тут є ще один нюанс - чим темніше фон, тим сильніше стають видні пікселі після «стискання».

    Тут є ще один нюанс - чим темніше фон, тим сильніше стають видні пікселі після «стискання»

    шапка сторінки

    Хоч з телефону, хоч з комп'ютера користувачі бачать насамперед саме шапку сторінки. Найкраще розмістити тут меню навігації, найцікавіші записи, оголошення тощо Якщо «побродити» по просторах інтернету, то можна побачити безліч цікавих варіантів її оформленні:

    • Стандартне опис - інформація про сторінку
    • Опис з хештегом - додавання характерних хештегів іноді допомагає в просуванні сторінки в ТОП в пошуковому запиті
    • Вікі-пост - привабливе зображення, що спонукає відвідувачів клікнути на нього, після чого вони потраплять на сторінку з докладним описом
    • Порожнеча - незвичайний метод, коли шапки зовсім немає, а відвідувачі відразу бачать записи
    • Меню групи
    • Злите меню - виглядає дуже ефектно, коли меню і аватарка, є продовженням одна одної
    • картинка
    • Відео - з 2015 року, якщо закріпити в шапці певне відео, то воно починає автоматично програватися, коли відвідувач відкриває вашу сторінку
    • Найпопулярніший пост
    • Акції - один з варіантів моментального залучення публіки, адже будь-яка людина обожнює різні акції, знижки та вигідні пропозиції, і в 90% випадків зацікавиться вами
    • Анонси
    • Анонси

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

    Аватар

    Аватар є одним з інструментів маркетолога, що допомагає залучити найбільшу кількість передплатників і потенційних клієнтів.

    Мініатюра

    Тут є кілька важливих правил:

    1. Якщо на аватарке присутній текст, то треба зробити його максимально читабельним
    2. Зображення повинно бути логічним, якщо тільки ваша сторінка не пропагує творчість Пікассо і т.п.
    3. Найкраще зображення - створене своїми руками, а не знайдене на просторах інтернету, тим більше що «крадіжка» карається
    4. Аватар потрібно наділити сенсом
    5. Не треба перевантажувати - якомога менше різних «прикрас» і «булочок» на тексті.

    Що потрібно від мініатюри аватара

    Тут має бути те, що приверне передплатника і змусить серед всіх інших сторінок в пошуку вибрати саме вашу - акції, конкурси, вигідні пропозиції і інше.

    Що включає в себе сам аватар

    Побачивши його, користувач повинен розуміти, що ви - професійне співтовариство, а не якась сторінка-одноденка

    1. Якість - про це йшлося на початку статті
    2. Один стиль - аватар і меню повинні бути виконані в єдиному стилі, включаючи шрифти і колірну палітру

    До речі, є цікавий варіант оформлення аватара - ділите його на 2 частини, одна з яких буде виділена для мініатюри і інша - бути самим аватаром. Разом одні повинні складати єдине ціле.

    Одну з частин аватара можна забезпечити спонукає інформацією, наприклад - «не забудьте підписатися». Однак не перестарайтеся, адже інформація цікава тільки в тому випадку, якщо її достатньо, а не занадто багато. Найкраще, якщо це буде найголовніше:

    • Адреса і телефон
    • Акції та конкурси
    • переваги групи
    • Посилання на інші соціальні мережі

    Зображення до постів

    Тут доведеться сподіватися на власне відчуття смаку. До речі, можна вдатися до найдавнішого способу створення контенту - перегляньте найпопулярніші сторінки Вконтакте і зверніть увагу на те, як вони «прикрашають» свої записи. В основному застосовуються кілька методів:

    • Зміна яскравості картинки, щоб текст виділявся
    • Спеціальна область з фоном, де і пишеться заголовок
    • Виділення тексту кольором
    • Подвійна картинка, де одна частина з текстом, а друга картинка
    • помутніння картинки
    • Додавання до тексту контуру, світіння або тіні

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

    Якщо у вас немає абсолютно ніяких навичок Photoshop, то пошукайте фахівців, які будуть готові (звичайно, не безкоштовно, хоча може пощастити, і зустрінеться альтруїст) створити для вас відповідне зображення.

    Відмінність вбудованих і прикріплених зображень

    Якщо у вас є записи, в яке посилання, то в них автоматично будуть вставлятися картинки. Природно, що такий варіант найбільш зручний, проте не завжди влаштовується на всі 100%.

    Вбудоване зображення завжди певного розміру, а якщо по ньому клікнути, то воно буде функціонувати як посилання. Самостійно прикріплена картинка не має ніяких обмежень за розміром (крім самої сторінки), проте нікуди не веде. Перший варіант зручніше, проте - користувачі мобільної версії побачать лише дуже маленький і непримітний квадратик.

    Що таке Вікі-розмітка

    Якщо говорити офіційною мовою - це спеціальна мова, що використовується для оформлення wiki-статей, що спрощує взаємодію з HTML.

    Простіше кажучи - це власний редактор, що дозволяє створювати сторінки з різним форматуванням, оформленням, шрифтами і т.д.

    д

    Створення Вікі-Сторінки

    Спочатку потрібно вставити в браузер посилання, яка буде виглядати так - http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы , Де:

    • ХХХ - ID сторінки
    • Названіе_страніци - заголовок поста

    Щоб дізнатися ID, можна скористатися 2 методами:

    1. Якщо натиснути на сторінці пункт «Записи спільноти», то цифри до знака «?» Це і є ID
    2. Використовувати спеціальний додаток з Вконтакте - Дізнатися ID

    Перехід в режим коду

    У правій верхній частині натисніть на значок з двома трикутними дужками

    форматування тексту

    Якщо ви знайомі з Word, то тут проблем ніяких не виникне. Хоча є нюанс зі зміною розміру шрифту - він заборонений, але можна використовувати Заголовки H1, H2, H3. Ну, а найбільш просунуті можуть перейти в режим коду, де надаються більш широкі можливості.

    вставка посилання

    Тут досить в вікірозмітка додати наступне - [Посилання на статтю | Текст посилання]. У разі якщо посилання переводить на інший сайт, то вона відкриється в додатковій вкладці, а якщо не входить за межі Вконтакте, то в цій же.

    Відкриття в тій же вкладці, в більшості випадків абсолютно незручно, а щоб обійти цю «особливість» рекомендуємо використовувати сокращатель посилань, завдяки чому вони завжди будуть відкриватися в додатковій вкладці.

    Додавання зображення

    Перебуваючи в Режимі Коду, натисніть на зображення фотоапарата і виберіть картинку.

    Додавання відео

    Потрібне відео треба попередньо завантажити в Відеозаписи на своїй сторінці, а потім завантажити за аналогією із зображенням.

    Створення меню навігації

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

    Створюючи меню, необхідно пам'ятати і про мобільних користувачів. У випадку з одним або двома стовпцями все буде в порядку, а от якщо їх більше, то на комп'ютері воно може виглядати красиво, а ось на смартфоні буде злиплу маса картинок з буквами. Але цього можна досить легко уникнути, використовуючи таблицю з певним розміром осередків, тобто пунктів меню:

    1. 3 стовпці - ширина квадрата 190 пікселів
    2. 4 шпальти - 150 пікселів
    3. 5 стовпців - 110 пікселів

    Збільшуючи кількість стовпців, на смартфоні меню буде все дрібніше і дрібніше, тому більше 5 і не потрібно. Отже, щоб створити меню потрібно:

    1. У Photoshop розрізати зображення на квадрати або прямокутники певної ширини
    2. Додати текст, оформлення і натиснути «Зберегти для Web»
    3. Завантажити отримані зображення у Вконтакте, прописати до них теги і посилання

    У першому пункті можна використовувати і будь-які інші фігури, головне, щоб ширина залишалася фіксованою.

    завершуємо роботу

    Після всіх виконаних дій потрібно перевірити, що ж вийшло в результаті. Щоб побачити версію для ПК досить відкрити будь-який браузер і зайти на сторінку. А для перегляду мобільної версії буде потрібно спеціальний плагін, що дозволяє відображати сторінку так, як вона дивитиметься при певному розмірі екрану.

    Поділитися:

    Залишити коментарі:

510. Чому?
Com/pages?