Оформление вконтакте. Как сделать меню в паблике? / SMMberry / SMMberry
Учитывая, что это меню не в группе, а на странице (паблике) вконтакте, я решила показать вам как все это делается! Давно меня уже дергали вопросами: как сделать меню в паблике, как сделать так, что бы меню было открытым, как сделать закреп и т.д.. Вот вам и инструкция!
Итак, как же вообще можно сделать меню на публичной странице в контакте? Все мы знаем, что возможность добавления встроенного вики-меню есть только в группе, я об это писала здесь и здесь. Но как же сделать менюшку в паблике, если там нет такой функции в настройках? Для пытливого ума и профи SMMщика не бывает никаких ограничений ! Вот так выглядит менюшка в нашем корпоративном паблике:
Меню в паблике? Проще простого!
Пересмотрите еще раз статьи: как сделать меню группы вконтакте полезным и как создать и установить красивое графическое меню в ВК, сейчас нам пригодятся эти знания!
3 шага к красивому меню паблика!
Вероятно вы уже догадались, что основу такого меню составляет… закрепленный пост с внутренней страницей! Лично мне этот способ очень нравится, даже в группе моего блога я отказалась от встраивания и использую именно «меню в закрепе». И сейчас я дам вам четкую инструкцию «как это сделать»!
Шаг №1: Создаем внутреннюю страницу меню
Итак, для того, чтобы в нашей группе появилась менюшка, её нужно создать на отдельной внутренней страничке. А как помните, в пабликах у нас нет возможности добавить меню, но мы пойдем другим путем и создадим внутреннюю страницу. Для того ,чтобы создать её, мы должны правильно прописать адрес в строке браузера. Вот вам шаблон ссылки:
Вариант 1: (обычный)
http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы
где XXX — ID Вашей публичной страницы,
а «Название_страницы» — любое слово, которым будет названа страница
Вариант 2: (облегченный, но для хитрых)
Или нажать на пункт «добавить» в разделе [ Список Wiki-страниц ], если у вас установлен vkopt (подробно об этом скрипте я уже рассказывала здесь)
Итак, мы создаем вики-страничку и заполняем её точно так же, как если бы мы заполняли меню для группы. То есть прописываем там все изображения и переходы.
Это вики-код меню
Внимание! Если вы еще не умеете создавать визуальные менюшки в контакте, то повторюсь, читайте вот этустатью! Если все ок. то у вас получится подобная картинка:
А это готовая страничка меню
Шаг №2: Создаем пост на стене
Теперь мы должны добавить наше меню на стену сообщества вконтакте. Для этого копируем ссылку на внутреннюю страницу и добавляем её в пост, вот так:
Как видите, у нас автоматически добавилась ссылка
Вероятно вы уже знаете, ссылка к посту прикрепляется автоматически и после того как ссылка прикрепилась из самого поста адрес страницы можно удалить. Если опубликовать ссылку, то меню на стене не появится, а будет просто ссылка, кликнув на которую человек попадет в наше меню. Это только пол дела! Нам нужно, что бы меню было заметным и висело в закрепе, т.е. на самом видном месте.
Итак, теперь мы должны удалить ссылку из «тела» поста (прикрепившаяся страница останется), и добавить к посту изображение, которое будут видеть подписчики. Фишка в том, что если в одной записи присутствуют ссылка и изображение, то при нажатии на картинку будет совершаться переход по ссылке! Все гениальное просто!
Картинка может частично или полностью повторять само меню, здесь уже вам решать. Если будете заказывать меню для паблика, то вам нужен еще и банер, т.е. картинку, которая будет висеть в закрепе. Вот что мы получим при публикации поста:
Статичная, но кликабельная картинка и ссылка на меню
Или так:
Картинка повторяет меню и привлекает внимание посетителей страницы
Шаг №3: Закрепляем пост
Наконец-то у нас все готово и пост висит с картинкой и ссылкой на стене! Теперь нам нужно перенести его в шапку группы, закрепить пост на главной, сделать закреп… Для этого щелкаем на дату/время поста (под каждым постом есть дата публикации), мы попадаем на внутреннюю страницу поста, листаем его вниз и ищем там кнопку «закрепить». Смотрите на картинке, что вам нужно найти:
Нажимаем на эту кнопку и обновляем страницу. Вуаля, все готово! Наслаждаемся красивым меню!
Можно даже подобрать такую картинку, которая стала бы продолжением вашего аватара — такое оформление смотрится очень симпатично.
Вот так, с помощью трех не сложных шагов нам удалось создать красивое меню, которое можно использовать в любом ВК сообществе!
У меня на это все! Делитесь статьей с друзьями, добавляйте в избранное и следите за обновлениями блога, чтобы не пропустить новые интересные статьи!
Публичная страница Вконтакте. Рекомендации по оформлению.
«Вконтакте» – самая популярная социальная сеть Рунета. Здесь люди проводят значительную часть своего времени и генерируют огромные объемы трафика. С помощью этой площадки можно продавать товары и выстраивать взаимоотношения с клиентами. Но для начала необходимо создать и настроить публичную страницу Вконтакте. Об этом мы и поговорим в этой статье.
Немного статистики
Социальная сеть «Вконтакте» является самой популярной в России и привлекательной для бизнеса:
- «Вконтакте» ежедневно просматривается более 2,5 млрд. страниц. По данным исследования TNS Vk.com – один из самых посещаемых ресурсов Рунета:
- Основной возрастной диапазон социальной сети — люди от 18 до 34 лет.
- В VK.com есть удобные инструменты и способы продвижения – в рекламном кабинете даже не самый «продвинутый» маркетолог сможет настроить таргетированную рекламу и размещение в тематических сообществах.
Публичная страница Вконтакте: пошаговая инструкция по созданию
Шаг 1. Выберите группу или публичную страницу
При создании сообщества введите его название (обязательно должно содержать название компании или бренда) и выберите тип – группу или публичную страницу.
Группа – это площадка для общения по интересам, с помощью которой управляют репутацией бренда и настроением подписчиков. В группу можно приглашать других пользователей, они становятся ее участниками. Если вы придумали интересную контент-стратегию и создаете «клуб для общения», то группа – идеальный вариант. Например, если вы продаете корм для питомцев, создайте группу любителей кошек для обмена опытом между участниками – люди сами генерируют контент, общаются, а вы управляете процессом от имени бренда.
Публичная страница Вконтакте больше подходит для распространения новостей компании, промо-материалов. Пользователь должен сам подписаться на страницу, пригласить его вы не сможете. Для продвижения бизнеса чаще всего подходит именно публичная страница.
Шаг 2. Выберите тип страницы, соответствующий бизнесу
Шаг 3. Настройки – основная информация
- Страница индексируется поисковыми роботами. В описании сообщества укажите ключевые слова и фразы, по которым вас сможет найти пользователь.
- Загрузите обложку (шапку) сообщества. Рекомендуемый размер шапки – 1590px*400px.
- Не забудьте придумать для страницы короткий адрес, желательно идентичный вашему сайту или бренду.
Шаг 4. Настройки – дополнительная информация
Выберите тематику сообщества и возрастные ограничения, если они необходимы. Если у вас есть веб-сайт, укажите его. Не забудьте про дату основания, чем старше ваша компания, тем больше доверия она внушает.Шаг 5. Выберите разделы, которые будут доступны пользователям
Определитесь, какой контент вы будете публиковать в сообществе и выберите соответствующие разделы.
В этом же пункте, вы можете настроить группу «товары», если собираетесь что-либо продавать.
Выберите страну и регион, куда вы сможете доставлять вашу продукцию. Укажите валюту, в которой будут проходить все сделки и контактное лицо, которое сможет ответить на все вопросы ваших клиентов.
Шаг 6. Отключите комментарии, если у вас нет возможности оперативно реагировать на комментарии пользователей
Если у вас нет возможности оперативно отвечать на комментарии пользователей, лучше отключить комментарии совсем, также вы можете использовать фильтр нецензурных выражений.
Шаг 7. Добавьте ссылки
В разделе Ссылки вы можете добавить ссылки на необходимые вам ресурсы: страницы вашего сайта, сайты партнеров.
Шаг 8. Добавьте других руково
Как сделать меню в паблике «ВК»: пошаговая инструкция
Сегодня мы поговорим с вами о том, как сделать меню в паблике «ВК». Начнем мы с самых простых вещей, а затем закончим чем-то более масштабным. На самом деле если вы решили украсить свою группу, то стоит быть готовым к тому, что придется долго работать над поставленной задачей. Особенно, если вы вообще не умеете программировать и работать в графических редакторах. Давайте же поскорее посмотрим, как сделать меню в паблике «ВК».
Придумываем идею
Итак, начнем, пожалуй, с самого простого, что только может нам сегодня повстречаться — это не что иное, как продумывание идеи и общего вида вашего меню. Без этого у вас не получится создать что-то красивое, привлекательное и интересное.
Если вы думаете, как сделать меню в паблике «ВКонтакте», то лучше всего запастись временем и графическим редактором. Подумайте над всеми пунктами вашего «путеводителя», а также над тем, как визуально будет выглядеть наш итоговый объект. Придумали? Замечательно, тогда открываем графический редактор и рисуем с вами кнопки. На них делаем соответствующие надписи. Иначе говоря, готовим макет. На каждую кнопочку — отдельный файл. Можно изначально сделать все в одном документе, который вы потом «разрежете» на части. После того как этот шаг будет пройден, можем посмотреть далее, как сделать меню в паблике в «ВК». Пошаговая инструкция сможет помочь вам в этом непростом деле.
Включаем материалы
Что ж, мы двигаемся с вами дальше. У нас уже готова идея для «менюшки» — все пункты расписаны, кнопки — сделаны. Остается только внедрить их в паблик и закрепить. Для этого придется включить так называемые «материалы» в настройках группы.
Если вы только что решили создать паблик, то после ввода названия у вас выскочат настройки автоматически. Там придется найти пункт «материалы» и переключить их в состояние «Подключены». После этого сохраните настройки. Только потом можно думать, как сделать меню в паблике «ВК» дальше.
Если же вы уже создали группу, а теперь думаете над ее оформлением, то вам следует нажать на «Управление сообществом», после чего выбрать «Настройки сообщества». Далее перед вами откроется уже знакомое нам окошечко. Там «подключите» материалы, сохраните изменения и продолжайте работу над вопросом. На самом деле, если вы думаете, как сделать меню в паблике в «ВК», то теперь надо подготовиться к самым сложным моментам.
Работа над фоном
Но для начала давайте займемся с вами более приятными моментами. В частности, немного поработаем над оформлением нашего меню. Кнопки уже готовы — это прекрасно. Но их надо на что-то помещать. Естественно, у вас есть возможность размещения на «белом» стандартном фоне. В этом случае данный пункт можно пропустить. Если вы хотите знать, как сделать меню в паблике «ВКонтакте», пошаговая инструкция обязательно поможет вам в создании чего-то особенного.
Итак, предположим, что мы решили создать аватарку и общий фон группы в одном цвете. То есть от «авы» как бы вытекает наше меню. Для этого стоит проявить не только фантазию, но еще и некоторые знания. В частности, от пользователя потребуется знать размер создаваемых картинок. Вы должны четко представлять, что аватарка у вас получится в виде прямоугольника, размером 200 на 710 пикселей, а фон меню — 382 на 442 пикселя. После того как вы создадите подобные «холсты», можете раскрашивать их.
Но радоваться рано — на этом наши мучения с редактором не заканчиваются. Теперь фон стоит разделить на линии. Разрежьте картинку при помощи инструмента «Slice Tool», разместите на каждом секторе свои кнопки, затемжмите «Сохранить для веб-страницы». Можно двигаться дальше.
Загрузка материалов
Возвращаемся к нашей группе в социальной сети. Итак, мы уже получили с вами кнопки, фон и аватарку. Теперь остается загрузить все это на страницу и заставить работать. Если уж с загрузкой авы проблем нет, то вот с графическим интерфейсом группы придется немного помучиться.
Для того чтобы установить аватарку на страничку, следует просто кликнуть по «Загрузить фотографию» под местом, где должен располагаться данный объект. Теперь загрузите туда файл размером 200 на 710 пикселей и сохранитесь. Посмотрите, что получилось. Можно думать дальше, как сделать меню в паблике «ВК».
Теперь мы можем с вами приступить к работе с пунктами нашей «менюшки». Мы уже сохранили «разрезанную» версию фона с кнопками. Их мы сейчас и будем загружать. На главной страничке группы посмотрите на раздел «Свежие новости». В правой части строки найдите «Редактировать». После этого перед вами появится wiki-редактор. В ней требуется просто поместить наше меню в правильном порядке. Перед этим вам необходимо создать альбом, в котором будут располагаться все наши графические файлы. Готово? Тогда можно размещать все необходимые ссылки в соответствующее поле, после чего сохранять изменения и смотреть, что же у вас получилось.
Подчищаем «хвосты»
Когда пользователь думает, как сделать меню в паблике в «ВК», то ему приходится довольно часто убирать «косяки», сделанные автоматически нашим редактором. В принципе, можно этого и не делать, но если вы не хотите потом запутаться, то придется хорошенько поработать над внутренним кодом.
Следует помнить, что общий вид ссылок нашего меню должен выглядеть так: [[photo***_***|Опции|Описание / Ссылка]]. После этого ничего лишнего быть не должно. Никаких кодов или тегов — в противном случае у вас не получится осуществить задумку.
Стоит отметить, что в опции обычно пишут размер загружаемой фотографии, а затем приписывают функцию склеивания изображений (для получения однотонного и целостного списка). За это дело отвечает «nopadding». После можно добавить описание (правда, это довольно бесполезная вещь), а затем — ссылку, куда вас будет перекидывать при нажатии. Сохраните все получившиеся изменения, а затем посмотрите, что у вас вышло.
Заключение
Сегодня мы научились с вами создавать и редактировать меню в социальной сети «ВКонтакте». Как видите, это не особо трудное дело, если вы имеете определенные навыки. В частности, в создании графических файлов.
Довольно часто для того, чтобы долго не заморачиваться над оформлением группы, пользователи выбирают уже готовые меню или фоны с аватарками. Их довольно просто скачать. Данный ход облегчит вам мучения с созданием и редактированием элементов «менюшки». Правда, такие файлы не отличаются особой оригинальностью. Лучше уж нанять специально обученного человека, который сможет разработать вам что-то особенное и создать красивую аватарку и фон меню.
Оформление сообщества «ВКонтакте»: самое подробное руководство в рунете для группы или публичной страницы
*Обновление статьи.
Красивое оформление сообщества «ВКонтакте» – это не прихоть, а важный элемент, формирующий доверие пользователей к вам и вашей компании. Если публичная страница или группа оформлена непрофессионально, ваши потенциальные клиенты вполне логично могут сделать вывод о том, что вы и к своей работе относитесь так же халатно. Чтобы этого не происходило, позаботьтесь о том, чтобы ваша страница «ВКонтакте» была красивой, аккуратной и удобной в использовании.
Главное, учитывайте – оформление групп и аккаунтов только часть целого комплекса работ по продвижению в соцсетях. Без SMM-стратегии, качественного контента, грамотной рекламы и комьюнити-менеджмента нельзя надежно отстроиться от конкурентов и завоевать целевую аудиторию.
Актуальные размеры изображений «ВКонтакте»
Некоторое время назад разработчики социальной сети «ВКонтакте» запустили новый дизайн. Это привело к тому, что изменились размеры и принципы отображения изображений. Памятка, которая будет приведена ниже, соответствует всем нововведениям и содержит в себе размеры, актуальные на данный момент времени.
А теперь давайте более подробно по каждому пункту.
Размер аватара ВК
Минимальный размер аватара – 200 на 200 пикселей. Если вы постараетесь загрузить изображение менее 200 пикселей в ширину или в длину, вы увидите вот такую ошибку:
Максимальный размер аватара – 200 на 500 пикселей. Но, в принципе, можно загружать изображения и большего размера – до 7000 пикселей с каждой стороны. Главное, чтобы соотношение их сторон не превышало 2 к 5.
Покажу на примере.
У меня есть изображение. Его размер: 200 на 800 пикселей (соотношение 2 к 8). При загрузке не возникает никаких ошибок. Однако использовать это изображение я все равно не могу, т. к. «Контакт» не позволяет мне выделить его полностью.
Обложка
Размер обложки для полной версии сайта — 1590 на 400 пикселей.
Обратите внимание: в мобильной версии и приложениях отображается не полная версия обложки, а только ее часть размером 1196 на 400 пикселей. Посмотрите, как она обрезается в приложении на мобильном:
Чтобы этого не происходило, располагайте основные элементы вашей обложки в пределах 1196 на 400 пикселей.
Прикрепленные изображения
В обновленном дизайне «Контакта» ширина ленты новостей стала фиксированной. Это значит, что изображения, прикрепленные к посту, больше не растягиваются, а остаются такими, какие они есть.
Звучит слегка запутано 🙂 Поэтому покажу на примере.
Допустим, у нас есть изображение квадратной формы со сторонами 510 пикселей. Если мы прикрепим его к нашей записи, оно будет очень хорошо смотреться в ленте новостей на всех устройствах:
А вот так смотрится горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):
Как вы видите, чем уже изображение (по высоте), тем мельче оно смотрится в ленте смартфонов. Чтобы убедиться в этом, посмотрите на картинку ниже:
Понятно, что разница здесь не особо критична, и пользователи смартфонов все равно рассмотрят ваше изображение, просто во втором случае им будет немного комфортней.
Изображения к постам со ссылкой
Изображения к постам со ссылкой – это изображения, которые автоматически «подтягиваются» к посту, когда вы вставляете в него ссылку. Вот как это выглядит:
Все эти данные берутся из кода разметки Open Graph:
Если Open Graph не прописан, заголовок берется из метатега Title, а изображение – из статьи. При этом, его можно легко изменить – либо выбрать другое изображение из статьи с помощью специальных стрелочек:
Либо загрузить свое:
Минимальный размер изображения, которое вы можете использовать в качестве анонса к вашей статье, – 537 на 240 пикселей. Однако вы можете загружать и более крупные изображения, если будет соблюдена пропорция.
Картинка для статьи, созданной в редакторе
Размер изображения для обложки статьи, созданной в редакторе, — 510 на 286 пикселей. Лучше, если она будет темного цвета и более или менее однотонная, т. к. на светлом фоне теряется название статьи и сообщества.
Хороший пример:
Не очень хороший пример:
Как работает умная лента, раздел «Рекомендации» и алгоритм «Прометей»: уникальная информация от команды ВКРазмер фото и видео для историй
Размер для фотографий — 1080 на 1920 пикселей. Размер для видео — 720 на 1280 пикселей.
Технические характеристики для видеозаписей:
- до 15 секунд;
- не больше 5 МБ;
- кодек h.264;
- звук AAC.
В историях необходимо использовать фото и видео вертикального формата.
Обратите внимание: истории от лица сообществ на данный момент могут добавлять только крупные сообщества, для которых разработчики «ВКонтакте» открыли эту функцию. И делается это с помощью официального приложения. С компьютера это сделать нельзя.
Кстати, в феврале VK предоставил новый формат объявлений – «Реклама в историях».
Размер обложки для фотоальбома
Рекомендуемый размер изображения для обложки альбома — 1200 на 800 пикселей. Учитывайте, что в мобильной версии нижняя часть обложки будет отображаться меньше на 200 пикселей.
Размер картинки для видео
1280 на 720 пикселей.
Вики-страница
Ширина области контента у вики-страницы составляет 607 пикселей. Если вы будете загружать картинку большего размера, она автоматически загрузится размером 400 пикселей в ширину. Пример: у меня есть изображение размером 1366 на 768. Если я его добавлю на вики-страницу, получится вот что:
Чтобы изменить размеры картинки, по ней нужно кликнуть и установить нужные значения:
О том, как работать с вики-страницами, я подробно расскажу чуть ниже. Поэтому здесь останавливаться на этом моменте не будем.
Как сделать так, чтобы изображения «ВКонтакте» не ужимались? Влияние фона и размера на качество картинки.
Если вы когда-нибудь пробовали загружать изображения «ВКонтакте» (неважно, была ли это картинка на аватар или просто фотография с вашего путешествия), то наверняка уже знаете о том, что они имеют свойство ужиматься. Особенно это заметно на темном (и особенно, на красном) фоне и когда у картинки не слишком большой размер. Пример:
Как сделать так, чтобы качество картинок не портилось?
Чтобы изображение не ужималось (точнее, ужималось, но в гораздо меньшей степени), необходимо делать его в 2–3 раза больше нужного размера. Например, если нам нужно сделать аватар размером 200 на 500 пикселей, берем картинку размером 400 на 1000 пикселей. Если нужно сделать меню размером 510 на 400 пикселей, берем – 1020 на 800.
Изображение на темно-синем фоне, которое я привела чуть выше, имеет размер 510 на 350. Я сделала его в два раза больше (1020 на 700) и сохранила. Вот, что из этого получилось:
Как это исправить? Ответ очень прост – нужно выбрать другой фон. Дело в том, что на темном фоне пиксели видны лучше, чем на светлом. Поэтому, если вы хотите добиться идеального качества (хотя картинка выше уже выглядит вполне нормально), то нужно слегка изменить цветовую гамму. Например, фон сделать белым, а текст – синим:
Как оформить шапку страницы
Шапка вашей публичной страницы или группы – это первое, что видят пользователи, которые заходят к вам в гости. В большинстве случаев в этом месте размещают навигационное меню по материалам паблика, какие-то интересные посты или важные объявления. Давайте рассмотрим на примерах, как различные компании используют это пространство.
Обложка
Не так давно «ВКонтакте» ввели обновление – теперь на страницы можно загружать большие и красивые обложки (1590 на 400 пикселей). Чтобы сделать это, перейдите в настройки и нажмите кнопку «Загрузить».
На обложке вы можете разместить все, что угодно: начиная с названия и девиза вашей компании, заканчивая всевозможными акциями, предложениями и даже конкурсами.
Примеры динамических обложек:
Живые обложки «ВКонтакте»
Показываются только в мобильных приложениях для Google и Apple. Можно загрузить до 5 фотографий или коротких видео. Такие обложки крупнее обычных шапок в несколько раз, а при клике они раскрываются практически на весь экран. Можно показывать видео со звуком.
Вот пример от сообщества «PlayStation Россия»:
Как добавить? Зайдите через браузер сообщество, нажимаете «Упаравление», выбираете «Добавить обложку» и загружаете до 5 видео/картинок. Если не хотите, чтобы во время показа слайдов обложки масштабировались, то отключите опцию «Показывать фотографии в движении». Рекомендуемое разрешение 1080×1920, вес видео до 20 МБ, длительность – до 30 секунд.
Как добавит живые обложки в шапку мобильной версии
Обложка + описание сообщества + ссылка на сайт
Некоторые компании специально не закрепляют в шапке никаких постов, чтобы у пользователей была возможность прочитать основную информацию о странице и сразу перейти на сайт.
Описание с хэштегами
Некоторые компании добавляют в стандартное описание страницы хэштеги, которые ее характеризуют. Делается это для того, чтобы у страницы была более четкая релевантность, и чтобы за счет этого она находилась выше в поиске по соответствующим запросам. Честно говоря, я не знаю, работает этот способ или нет. Кейсов на эту тему я не встречала, поэтому если кто знает, буду благодарна, если поделитесь ссылочкой.
Как работают хештеги в разных социальных сетяхЗакрепленный пост, рассказывающий, о чем страница
Если вы хотите рассказать о своей странице более подробно (с фотографиями, ссылками и красивой версткой), то вы можете прикрепить к шапке вики-пост или статью, сверстанную в редакторе, с яркой картинкой на анонсе, которая будет призывать пользователей кликнуть по ней. Пример такого поста:
А вот что видит пользователь после того, как он кликнет по ссылке:
Новое меню ссылок
Не так давно разработчики «ВКонтакте», наконец, порадовали владельцев сообществ новым инструментом, с помощью которого можно создавать меню – быстро и без всяких мучений с вики-страницами. Оно выглядит несколько примитивно, поэтому о том, как создать красивое меню, я тоже расскажу.
Меню появляется автоматически, если вы используете приложения сообществ или у вас подключен магазин. Например, на предыдущей картинке все три пункта меню – ссылки на приложения. Вы можете добавлять сюда свои – на важные записи, альбомы, обсуждения и т. д., до 7 штук (не считая приложения). Но ссылаться можно только на ресурсы внутри соцсети, кроме вики-страниц.
Чтобы отредактировать меню, нажмите на «Настроить» в правом верхнем углу виджета:
Чтобы добавить пункт меню, нажмите «Новая ссылка».
В раскрывшемся окошке выберите обложку (минимальный размер – 376х256 px), введите название пункта меню (важно уложиться в 20 символов с пробелами), добавьте ссылку и нажмите «Сохранить».
Если вы хотите скрыть приложение из меню, поменять его заголовок или обложку, нажмите «Изменить» напротив соответствующего пункта. То же самое можно делать с остальными ссылками, которые добавлялись вручную и требуют корректировки.
На выходе должно получиться что-то вроде этого:
Меню группы открытое
Открытым меню я называю такое меню, по которому сразу видно, из каких пунктов оно состоит. То есть картинка-анонс вики-поста полностью дублирует его содержимое. Таким образом, пользователи сразу видят то, что их ожидает внутри. Покажу на примере.
Вот как выглядит закрепленный пост в шапке страницы Flatro:
А вот что мы видим, когда кликаем по нему:
Меню группы закрытое
Закрытое меню – это тот же самый вики-пост, как и в предыдущем пункте, только на анонсе стоит картинка, на которой нет пунктов меню. Обычно на ней пишут: «Меню», «Навигационное меню» или «Навигация по материалам паблика».
А вот что мы видим, когда кликаем по нему:
Кстати, стоит отметить, что это далеко не единственные варианты. По сути, на этой картинке вы можете написать все, что угодно. Главное, чтобы пользователю хотелось по ней кликнуть, и он понимал, что его после этого ждет. Пример:
Слитное меню для группы
Слитное меню – это когда картинка на анонсе вашего меню составляет с аватаром одно изображение. Чуть ниже я подробно расскажу, как сделать такое меню, а пока просто посмотрите, как это красиво выглядит.
Хотите красиво оформить свое сообщество «ВКонтакте», но нет необходимых навыков? Закажите оформление в нашей компании. Подготовим для вас аватар, обложку, шаблоны для рубрик, меню и превью товаров.
Гифка и аватар одним изображением
А вот этот вариант оформления шапки меня действительно сильно восхитил. Автоматически проигрываемая гифка сливается с аватаром в единую композицию и приковывает внимание пользователей, даже несмотря на то, что на ней нет вообще никакой информации.
Кстати, этот пример я подсмотрела в группе SMM-маркетолога Сергея Шмакова. Так что, за находку выражаю ему благодарность 🙂
Что такое таргетинг «Вконтакте» и как его настроить: руководство для новичковСкрытое меню
Скрытое меню доступно только для групп (у страниц такого функционала нет). Чтобы его увидеть, нужно кликнуть по соответствующей ссылке. Плюс этого способа оформления заключается в том, что пользователям видна основная информация сообщества, а если они захотят воспользоваться меню, им достаточно сделать всего один клик. Однако здесь есть и небольшой минус – не все пользователи знают о существовании данной функции, поэтому ваше меню может получить меньше внимания, чем если бы оно было закреплено в начале страницы.
Автоматически воспроизводимое видео
В конце ноября 2015 года в социальной сети «ВКонтакте» появилось интересное нововведение – как только пользователь заходит на вашу страницу, видео, прикрепленное к шапке, начинает воспроизводиться автоматически. С помощью этого приема вы сможете привлечь еще больше внимания пользователей (особенно тех, кто впервые зашел на вашу страницу), и при этом, не раздражать тех, кто не любит, когда ему навязывают свой контент, ведь видео воспроизводится без звука и практически не мешает.
Как добавить такое видео в шапку своей страницы?
Для этого нужно выполнить три условия:
- Прикрепить ролик к записи и закрепить эту запись вверху сообщества.
- Кроме ролика, к записи больше ничего не должно быть прикреплено. Только видео и текст по желанию.
- Видео должно быть загружено «ВКонтакте» – сторонние плееры не поддерживаются.
Запись, которая получает много репостов
Еще один способ продуктивно использовать место в шапке вашей страницы – это закрепить в нее один из своих самых удачных постов – тот, который уже набрал и продолжает набирать большое количество лайков и расшариваний. Зачем это делать, думаю, всем понятно – чем больше репостов, тем больше охват, тем больше подписок получает страница.
Анонсы новых клипов, альбомов, мероприятий
Презентация новых товаров/услуг
Скидки и акции
Руководство по раскрутке группы «ВКонтакте» с нуля на реальных примерахКейсы, отзывы клиентов
Реклама приложения
Розыгрыши
Правила сообщества
Ссылки на другие соцсети
Я перечислила далеко не все варианты оформления шапки. По сути, на обложке и в закрепленном посте вы можете размещать любую информацию: вакансии, объявления, ссылки на самые продаваемые товары и т. д. Так что не ограничивайтесь примерами, приведенными выше. Включайте фантазию и используйте оформление вашего сообщества для достижения ваших целей.
Как сократить ссылку: обзор 11 сервисовКаким должен быть аватар
Аватар – это не только красивое изображение с логотипом вашей компании, а рабочий инструмент маркетолога, с помощью которого он добивается поставленных целей. Давайте разберем во всех подробностях, каким он должен быть, чтобы привлекать внимание пользователей и побуждать их к выполнению целевого действия. Начнем с миниатюры.
Миниатюра аватара
- Текст на миниатюре аватара должен быть достаточно крупным, чтобы его можно было прочитать.
- Текст не должен выходить за пределы миниатюры.
- Пользователям должно быть понятно, что изображено на аватарке.
- По возможности лучше не использовать стоковые изображение, т. к. они часто понижают доверие к компании.
- Нежелательно, чтобы миниатюра аватара была слишком блеклой и скучной, иначе она будет теряться на фоне более ярких аватарок конкурентов.
- Если вы хотите, чтобы ваша аватарка выглядела современно, сделайте ее в стиле минимализм: поменьше текста, теней, градиентов и не несущих никакой смысловой нагрузки элементов. Ваша аватарка должна быть максимально простой и аккуратной. Этот стиль сейчас в тренде.
- Если перед вами стоит цель привлечь внимание пользователей и выделиться на фоне других аватарок в ленте, придется включить фантазию. Подумайте, на что вы сами обращаете внимание, когда ищете интересные сообщества? Вот меня, например, уже который раз привлекают аватарки с горящим огоньком, который обычно указывает на то, что пришло новое сообщение. Это очень старый прием, но на меня он почему-то до сих пор воздействует – когда вижу подобный огонек, обязательно задержу на нем взгляд.
Я не утверждаю, что этот прием будет работать и с вашей страницей. Мысль, которую я хочу донести, заключается в том, что способов выделиться очень и очень много, просто нужно задаться этим вопросом и проявить немного креативности. Вот, например, еще одна интересная идея, до которой я сама вряд ли бы додумалась:
Аватарка представляет из себя черный круг: большой и маленький. Казалось бы, зачем вообще это делать? Но когда листаешь список сообществ, такие аватарки приковывают к себе внимание, потому что они сильно отличаются от всех остальных.
KPI в SMM: 30+ метрик эффективности маркетинга в социальных сетяхКакую информацию можно разместить на миниатюре аватара
Несмотря на то, что миниатюра аватара имеет очень маленький размер, ее можно (и нужно) использовать для привлечения подписчиков в ваше сообщество. Как это сделать? Давайте рассмотрим несколько вариантов:
Анонс нового продукта/услуги/события
Преимущества компании/сервиса/страницы
Номер телефона компании
Выгодные цены
Бесплатная доставка
Кстати, очень часто информацию о том, что компания предоставляет бесплатную доставку, добавляют и в само название группы, чтобы пользователи точно обратили на него внимание.
Акции
Конкурсы
Вакансии
Ну а дальше сами 🙂 Подумайте, какой цели вы хотите добиться с помощью аватара, и действуйте. Вдохновения я вам уже подкинула.
Каким должен быть сам аватар?
Я рассмотрела, какой должна быть миниатюра аватара и какой текст на ней можно разместить. А теперь давайте перейдем к самому аватару. Полная версия аватара будет отображаться только в том сообществе, в котором не установлена обложка. Именно для таких случаев я и написала этот раздел. Итак, каким должен быть аватар вашего сообщества, чтобы пользователи сразу поняли, что ваша компания подошла к созданию страницы ответственно и профессионально.
- Аватар должен быть качественным. О том, как этого добиться, я писала чуть выше. Для тех, кто пропустил эту часть, скажу вкратце – размер аватара должен быть в 2–3 раза больше того, что вы запланировали.
- Желательно, чтобы аватар сочетался с меню: был такой же цветовой гаммы, имел те же самые шрифты, элементы и т. д. Благодаря этому шапка вашей страницы будет выглядеть более аккуратно и профессионально. Пример:
- Сам аватар и миниатюра аватара могут быть разными. Например, вы можете нарисовать на аватаре круг, оформить его так, как вам нравится, выбрать эту область в качестве миниатюры, а остальную часть аватара выполнить в другом стиле.
- Для того чтобы побудить пользователей подписаться на вашу страницу или написать сообщение представителю компании, вы можете разместить в самом низу аватарки соответствующий призыв к действию и сопроводить его указывающей на кнопку стрелочкой.
- Старайтесь не размещать на аватаре слишком много информации, иначе он будет смотреться перегруженным и неопрятным. Добавьте на него только самые важные пункты и обязательно убедитесь, что между ними есть «воздух».
Еще один вариант – поделить аватар на две части. Одна – для миниатюры, а вторая – для остальной части аватара.
Какую информацию можно разместить на аватаре?
По сути, на аватаре можно разместить все, что угодно. В отличие от миниатюры, здесь действительно есть где разгуляться. Главное, не злоупотребляйте этим 🙂
Домен сайта
Телефон/адрес/время работы
Как из группы сделать публичную страницу, и перевести группу в страницу
Всем привет. Продолжаем разговор про сообщества Вконтакте. Мы с вами уже научились создавать новую группу. Научились, как оформлять ее (см. как создать меню в группе вконтакте), и приглашать в нее участников (см. как раскрутить группу вконтакте).
Может быть вы помните, что в момент создания сообщества, нам предлагали выбрать его тип. Два основных — это группа и публичная страница. В зависимости от того, какой вариант вы выбирали, были доступны некоторые функции, и особенности в управлении.
При необходимости, тип сообщества можно менять. В данной инструкции я покажу вам, для чего это может понадобиться. И расскажу, как из группы сделать публичную страницу, и как страницу сделать группой вконтакте.
Оглавление:
- Для чего это нужно
- Как из группы сделать публичную страницу
- Как страницу сделать группой вконтакте?
- Видео урок: группа или публичная страница
- Заключение
Для чего это нужно
В группе может не быть функций, которые есть на публичной странице. И наоборот. Для того, чтобы их включить, мы можем изменить тип сообщества.
Яркий пример. В публичной странице отсутствует возможность приглашения друзей (см. как пригласить друзей в группу Вконтакте). Чтобы эта функция появилась, нужно изменить тип сообщества. Вот этим мы сейчас и займемся.
Как из группы сделать публичную страницу
Идем в ВК, и заходим в нужную группу.
Под аватаркой находим и открываем меню. Нажимаем «Перевести в страницу».
Откроется окно с описанием функций и особенностей, которые будут активированы (см. как добавить фото в группе в контакте). Ознакомьтесь с ними, и выберите тип страницы. Затем нажмите кнопку «Перевести в страницу».
Для подтверждения операции вас попросят ввести код, полученный на ваш телефон (см. как отвязать номер от страницы в вк). Укажите его в форме, и нажмите кнопку «Отправить код».
Теперь у нас публичная страница. Давайте попробуем сделать обратный процесс.
Как страницу сделать группой вконтакте?
Снова открываем меню. Теперь нас интересует пункт «Перевести в группу».
Откроется окно, в котором будут указаны функции и особенности, доступные для группы. И предупреждение о том, что перевод страницы в группу, возможен не чаще чем один раз в 30 дней.
Ознакомьтесь с описанием, и нажмите кнопку «Перевести в группу».
Теперь наше сообщество имеет тип «Группа».
Видео урок: группа или публичная страница
Заключение
Читайте также:
Необходимость изменения типа сообщества, прямо зависит от функций, которые вам нужны. В описании вы могли с ними ознакомиться. Теперь при создании нового сообщества, вы будете знать, какой тип ему необходимо назначить.
Вопросы?
Вам помогла эта информация? Удалось решить возникший вопрос?
Понравилась статья? Пожалуйста, подпишитесь на нас Вконтакте!
Мой мир
Одноклассники
Google+
Загрузка…Группа или публичная страница в Вконтакте. Что лучше? — All Vk net
Многие люди, занимающиеся активной интернет деятельностью или бизнесом в интернете, рано или поздно задумываются о том, чтобы открыть сообщество для их дела в социальных сетях. Вконтакте – является одной из самых популярных социальных площадок на территории СНГ и насчитывает почти 500 млн. пользователей.
Однако существует один нюанс, с которым сталкивает каждый, при создании сообщества. Что лучше создать в Вконтакте группу или публичную страницу? Именно об этом мы и поговорим.
Группа или публичная страница в Вконтакте
Содержание статьи (навигация)
Давайте постараемся рассмотреть этот вопрос со всех сторон.
Для чего нужны группы и паблики ?
Как было сказано ранее, суть сообществ – объединять людей с одинаковыми интересами. Так, среди групп и пабликов можно выделить сообщества:
- С «мемами», то есть со смешными картинками.
- С видеозаписями. Существует множество различных видео, например, фильмы или смешные видео с котиками.
- Сообщества популярных людей или компаний. Например, различных банков, ютуберов, звезд шоу-бизнеса и так далее.
Также администрация таких страниц имеет доход за счет рекламы, выкладываемой в сообществе, что объясняет большое их количество: многие думают, что могут легко заработать на рекламе, но они ошибаются.
Разница между публичной страницей и группой «ВК»
Если вы хотите создать сообщество, вам прежде нужно разобраться, в чем же отличия между пабликом и группой:
- Публичная страница, в отличие от группы, не подразумевает под собой скрытие информации в сети интернет, так что вы не сможете сделать паблик с ограниченным доступом, в отличие от группы, которой можно задать параметр «по заявкам» или даже «по приглашению».
- Отличия на стене сообщества заключаются в том, что в публичной странице пользователь никогда не сможет сам написать что-либо на стене, но сможет предложить новость администрации, которая ее отредактирует и выложит. В группе же вы можете настроить ограниченность стены, полностью открыв ее; ограничить лишь комментариями; полностью закрыть.
- Разделы сообщества. Так, в публичных страницах есть лишь два раздела: закрепленная запись и информация. Но в группе вы можете создать еще и wiki-страничку, которую сможете использовать и редактировать, применяя различные HTML-коды.
- Из публичной страницы нельзя удалить подписчиков, тогда как в другом типе вы можете это сделать.
- Разделы могут иметь незначительные различия в названиях, а документы доступны только в группе.
- В публичной странице вы можете добавить раздел «мероприятие», позволяющий вам уведомить подписчиков о каком-то событии.
Особенности «Групп»
Группа – площадка с определенной тематикой, где собираются люди со схожими интересами и обсуждают новости или волнующие их темы. В основном такой тип сообщества выбирают для создания фанатских групп (сериалы, фильмы, игры), интернет магазинов, кафе и тому подобное. Так сложилось, что группы были в социальной сети с самого начала.
Плюсы
- Возможность настраивать приватность сообщества. Вы можете сделать открытую, закрытую и частную группу. Что полезно для групп с узкими направленностями;
- Возможность приглашать друзей или других пользователей в группу;
- Любой пользователь может написать в сообществе, но при этом его запись не будет показана в общей ленте;
- Возможность создать собственное wiki-меню с дополнительными страницами;
- Участникам группы можно разрешить добавлять множество материалов начиная от фотографий и аудиозаписей до создания новых обсуждений;
- В группах есть кнопка «Сначала интересное». Она предназначена для того, чтобы отсортировать лучшие материалы.
Минусы
- Проблемы с поиском группы на странице другого пользователя. Например: ваш друг рассказал о группе, в которой размещена важная для вас информация, но вы забыли её название. Друг предательски пропал из сети, поэтому вы не можете спросить её название. В итоге, чтобы её найти придется просматривать название каждой группы;
- В группах нет возможности создавать мероприятия;
Особенности «Публичных страниц»
Публичная страница – сообщество, которое в основном создают для создания официальной площадки для бренда или известной личности. В основном, публичные страницы сухо доносят информацию или новости компании. То есть, паблики в основном создают для официальных сообществ компаний или брендов, известных личностей, а также новостных или юмористических страниц.
Плюсы
- Функция «Предложить новость». Любой участник может написать статью или новость для сообщества. Затем, после одобрения администратором, запись публикуется за авторством пользователя и отображается в общей ленте;
- Возможность создавать «Мероприятия»;
- Можно создать меню группы в закрепленной записи публичной страницы;
- Список пабликов отображается в блоке «Интересные страницы» на странице пользователя;
Минусы
- Нет настроек приватности, вся информация публичной страницы открыта для каждого пользователя;
- Отсутствует функция «Пригласить друга»;
- Нельзя создать отдельные wiki-страницы, чтобы дополнить информацию страницы.
Что лучше?
Вы должны понимать, что при всех различиях данных площадок, у них достаточно много схожих моментов. Вконтакте никак не ограничивает основной функционал сообществ, в том числе:
- Сообщения сообществу;
- Раздел «Товары»;
- Приложения;
- Динамическая обложка;
- Денежные переводы;
- Возможность создавать «Прямые трансляции».
Выбор между группой и пабликом всегда зависит от цели создания и целевой аудитории, а так же от намеченой стратегии развития и превлечения аудитории.
На наш вгляд для ведения бизнеса больше всего уместны группы, для информационной деятельности и сообществ информационно-развлекательного характера более подходят публичные страницы.
Это и многое другое доступно как в группах, так и в публичных сообществах. К тому же всегда есть возможность перевести паблик, в группу или группу в публичную страницу. Но будьте внимательны, ведь такую трансформацию можно провести только 1 раз в месяц. Надеемся, данная статья была полезна для вас.
Как сделать страницу домашней страницей — Руководства по WordPress для начинающих
Вы можете легко превратить свой блог в веб-сайт со статической домашней страницей, на которую люди будут заходить каждый раз, когда они приходят. Объедините домашнюю страницу с другими статическими страницами и некоторыми настраиваемыми меню, чтобы помочь посетителям сориентироваться, и прежде чем вы сможете сказать «Я же вам так говорил!» у вас есть сайт.
Создайте свою домашнюю страницу
Начните с создания страницы, которую вы хотите использовать в качестве домашней. Перейдите в Мои сайты → Страницы → Добавить .Назовите это «Дом». Пока не беспокойтесь об этом — мы только настраиваем ваш сайт здесь. Если хотите, вставьте немного текста-заполнителя.
Теперь создайте вторую пустую страницу, снова зайдя в Мои сайты → Страницы → Добавить и назовите ее примерно так: «Новости», «Блог» или «Сообщения» — имя, которое поможет вам запомнить, что это это страница, на которой будут появляться ваши сообщения.
Чтобы назначить статическую домашнюю страницу, перейдите в Мои сайты → Настроить → Настройки домашней страницы :
Затем в разделе На главной странице отображается , выберите Статическая страница .Затем щелкните раскрывающийся список Домашняя страница и выберите «Домашнюю» страницу, которую вы создали в качестве статической домашней страницы:
Затем в раскрывающемся меню страницы сообщений выберите страницу «Сообщения», которую вы создали. (Здесь будут появляться ваши новые сообщения в блоге, если вы решите писать сообщения для своего сайта.)
Наконец, нажмите Опубликовать , чтобы изменения вступили в силу.
Теперь, когда вы перейдете на свой веб-адрес, вы увидите свою новую домашнюю страницу, а не сообщения в блоге.Конечно, вы видите либо пустую страницу, либо текст-заполнитель, но все же! Вы создали веб-сайт. Престижность.
Сделайте свою домашнюю страницу красивой
Теперь, когда вы заложили техническую основу статической домашней страницы, остается только решить, как ее представить убедительно. Вот несколько идей:
- Создайте галерею, одно полноформатное изображение или слайд-шоу, чтобы продемонстрировать свои лучшие работы. Мы расскажем об этом в Get Flashy.
- Создайте приветственное сообщение и связанный список ваших любимых сообщений.
- Используйте изображения, текст, галереи и мультимедийные материалы, которые задают тон вашему сайту.
Сделайте так, чтобы ваша домашняя страница работала на вас
Если вы хотите, чтобы ваша домашняя страница действительно служила вашим интересам, подумайте о том, чтобы включить:
- Четкое настраиваемое меню, указывающее на ваш лучший контент, страницы и категории блога. Все об этом вы узнаете в статье «Публикация».
- Захватывающий внешний вид, от заголовка до настраиваемых цветов и шрифтов. Вы узнаете, как применить их на практике, в разделе «Настройка».
- Несколько полезных виджетов на боковой панели вашего блога, чтобы помочь людям сориентироваться или получить быстрое представление о том, о чем ваш сайт или блог. Вы можете узнать о настройке и максимально эффективном использовании виджетов в Get Flashy.
Вот и все — теперь у вас должна быть статическая домашняя страница, которая превращает ваш сайт из простого блога в красивый сайт.
Создание нескольких страниц с меню навигации
Введение
В этой статье учебной программы по веб-стандартам мы поговорим о навигации и меню веб-сайта.Вы узнаете о различных типах меню и о том, как создавать их в HTML. Мы также затронем тему удобства использования и доступности меню. Мы пока не будем вдаваться в стилистику меню, но эта статья заложит основы. К этой статье можно загрузить примеры кода — мы будем ссылаться на них на протяжении всего руководства.
HTML5 определяет меню Имейте в виду, что Существует несколько различных типов меню и идиом навигации, которые следует учитывать в HTML, все они тесно связаны с элементами Если вы не читали ссылки и не перечисляли статьи ранее в курсе, вам следует сделать это, как они — необходимые предпосылки для понимания этого. Якоря / ссылки не просто становятся меню сами по себе — вам необходимо структурировать и стилизовать их, чтобы и браузер, и ваши пользователи знали, что их функция — это меню навигации, а не просто набор случайных ссылок. Если порядок страниц не важен, вы можете использовать неупорядоченный список, как в этом примере меню неупорядоченного списка. Если порядок, в котором посетители просматривают все документы, важен, вам необходимо использовать упорядоченный список. Если, например, у вас есть многодокументный онлайн-курс, в котором одно руководство строится поверх последнего, вы можете использовать упорядоченный список, как в этом примере упорядоченного списка. Использование Вы вкладываете списки, встраивая вложенный список внутри элемента Обратите внимание, что браузеры отображают оба примера одинаково. Отображение в браузере никогда не должно быть индикатором качества вашего кода.Недопустимую HTML-конструкцию, такую как неправильный пример, показанный на приведенной выше странице, будет сложно стилизовать, добавить поведение с помощью JavaScript или преобразовать в другой формат. Структура вложенных UL всегда должна быть Маловероятно, что меню сайта останется одним и тем же очень долго — сайты имеют тенденцию к органическому росту по мере добавления функциональности и роста пользовательской базы, поэтому вам следует создавать меню с возможностью добавления и удаления пунктов меню по мере продвижения сайта. , а также для перевода меню на разные языки (длина ссылок изменится).Кроме того, вы вполне можете обнаружить, что работаете на сайтах, где HTML для меню создается динамически с использованием серверных языков, а не статического HTML. Однако это не означает, что знание HTML устареет; на самом деле это станет более важным, так как эти знания все еще будут необходимы для создания HTML-шаблонов для заполнения серверным скриптом. Существует несколько типов меню, которые вам придется создавать в HTML, когда вы работаете на разных веб-сайтах.Большинство из них можно создать с помощью списков, хотя иногда ограничения интерфейса вынуждают вас использовать что-то другое (подробнее об этом позже). Вы, вероятно, создадите следующие меню на основе списков: Мы уже рассмотрели это в определенной степени в руководстве по ссылкам, но вот более подробное описание того, что означает внутренняя навигация и что вам нужно, чтобы она работала. В примере, относящемся к этому разделу внутристраничной навигации, мы использовали список ссылок, которые указывают на якоря, расположенные дальше по странице. Каждая ссылка меню выглядит так: Атрибут В каждом разделе страницы также есть ссылка «вернуться в меню», которая работает таким же образом, но вместо этого указывает обратно в меню. Технически это все, что вам нужно для работы такого типа навигации, однако в Internet Explorer есть досадная ошибка, которая заставляет вас делать немного больше. Вы можете сами попробовать эту ошибку: Способ обойти это ужасно запутанный и связан со специальным свойством Internet Explorer под названием Необходимость делать это раздражает, но это также помогает вам, если вы хотите стилизовать разделы по-другому — вы не можете добавить стиль ко всему разделу, если не заключите его в соответствующий элемент уровня блока. Обратите внимание, что навигация по ссылкам с помощью клавиатуры в Opera немного отличается — попробуйте взглянуть на приведенный выше пример в Opera, затем, удерживая нажатой клавишу Shift, используйте клавиши со стрелками для навигации по ссылкам (это также работает с элементами формы).Это называется пространственной навигацией. Навигация по сайту — это, пожалуй, самый распространенный тип меню, который вам нужно создать. Это меню всего сайта (или его подмножества), показывающее как параметры, которые посетители могут выбрать, так и иерархию сайта. Списки идеально подходят для этой цели, как вы увидите из этого примера навигации по сайту. Здесь не так много сюрпризов, по крайней мере, с точки зрения чистого HTML — попробуйте перейти на разные страницы в примере, чтобы увидеть, что произойдет.Позже в этом курсе мы поговорим о стилизации таких меню с помощью CSS и добавлении поведения с помощью JavaScript. Одна важная вещь, которую следует учитывать, — как выделить текущий документ в меню, чтобы дать пользователю ощущение того, что он находится в определенном месте, и что он перемещается (хотя на самом деле это не так, если, конечно, они не использование мобильного устройства для просмотра веб-страниц!). В этом случае мы просто удаляем ссылку на текущую страницу, в каждом случае — это имеет смысл, поскольку вам не нужно ссылаться на тот же документ, в котором вы находитесь, и это дает понять, где вы находитесь в меню.Мы подробнее рассмотрим «вы здесь» в следующем разделе. Одно золотое правило веб-разработки и навигации заключается в том, что текущий документ никогда не должен ссылаться на сам себя, а должен явно отличаться от других пунктов меню. Это важно, так как это дает посетителям за что держаться и сообщает им, где они находятся на своем пути по вашему сайту. Есть крайние случаи, такие как веб-приложения, постоянные ссылки в блогах и так называемые «одностраничные» веб-сайты, но в 99% случаев ссылка на документ, который вы уже просматриваете, является избыточным и сбивает посетителя с толку. В HTML-ссылках — позволяет создать сеть, мы заявили, что ссылка — это соглашение и обязательство: вы предлагаете посетителям способ получить больше информации, которая им нужна, но вы должны быть осторожны — вы потеряете доверие и доверие. если эта ссылка не дает пользователям того, что они хотят, и / или приводит к неожиданному поведению. Если вы предлагаете, например, ссылку, указывающую на текущий документ, ее активация перезагрузит документ. Как пользователь вы этого не ожидаете — зачем нажимать на эту ссылку? Это приводит к путанице пользователей. Это причина, по которой на текущую страницу нельзя ссылаться из меню. Вы можете удалить его полностью или даже лучше выделить его (например, окружив его элементом Еще один вопрос, который следует учитывать, — сколько вариантов вы хотите предоставить посетителям.Множество меню, которое вы видите в Интернете, стараются обеспечить доступ к каждой странице сайта из одного меню. Здесь на помощь приходят сценарии и хитрости CSS: вы можете сделать меню более управляемым, скрывая определенные части, пока пользователи не выберут определенные области (всплывающие меню, как их иногда называют). Это разумно с технической точки зрения, но у такого подхода есть несколько проблем: В целом, это зависит от вас, сколько элементов вы поместите в меню — для разных дизайнов потребуется другой выбор — но если вы сомневаетесь, вы должны попробовать сократить свое меню до ссылок только на основные разделы сайт. При необходимости вы всегда можете предоставить дополнительные подменю. Контекстные меню — это ссылки, которые основываются на содержимом текущего документа и предлагают дополнительную информацию, относящуюся к текущей странице, на которой вы находитесь. Классическим примером являются ссылки «похожие статьи», которые вы обычно получаете внизу новостных статей, как показано на рисунке 1. Рисунок 1: Пример контекстного меню — новостная статья, предлагающая связанные новости внизу. Это немного отличается от контекстных меню в программных пользовательских интерфейсах, которые предлагают разные варианты в зависимости от того, где к ним обращаются (например, меню щелчка правой кнопкой мыши или Ctrl + щелчок, которые вы найдете в настольных приложениях, которые предлагают определенные параметры в зависимости от того, где вы указатель мыши находится в то время). Контекстные меню на веб-сайтах — отличный способ продвижения контента в других частях сайта; с точки зрения HTML это просто еще один список ссылок. Sitemap — это то, что вы могли ожидать — карты всех разных страниц (или основных разделов, если вы говорите о действительно огромных сайтах) вашего сайта. Они позволяют посетителям вашего сайта получить представление об общей структуре вашего сайта и быстро перейти в нужное место, даже если нужная им страница находится глубоко в иерархии ваших страниц. Как карты сайта, так и поиск по сайту — отличный способ предложить посетителям запасной вариант, когда они потеряются, или предложить быстрый доступ тем, кто спешит. С точки зрения HTML, они могут быть либо одним массивным вложенным списком, полным ссылок, либо — в случае очень больших сайтов — заголовками разделов с вложенными ссылками иерархий, специфичных для разделов, или даже формами поиска для каждого из разделов. Разбиение на страницы необходимо, когда вам нужно предложить способ навигации по большим документам, разделенным на отдельные страницы.Вы найдете разбивку на страницы в больших архивах изображений или на страницах результатов поиска (например, в поиске Google или Yahoo). Пагинация на страницы отличается от других типов навигации, поскольку обычно ведет обратную ссылку на тот же документ, но в результате отображается больше параметров или дополнительная информация. Некоторые примеры разбивки на страницы показаны на рисунке 2: Рисунок 2: Меню разбиения на страницы позволяют посетителям просматривать большие наборы данных, не теряя при этом, где они находятся. В HTML нет ничего новаторского — вы снова предлагаете список ссылок, в которых текущая ссылка (указывающая, какой фрагмент данных отображается и насколько далеко вы находитесь на странице) выделяется (например, с помощью Основное отличие навигации по сайту состоит в том, что при разбивке на страницы выполняется много логики программирования. В зависимости от того, где вы находитесь во всем наборе данных, вам необходимо показать или скрыть предыдущую, следующую, первую и последнюю ссылки.Если у вас действительно большой объем информации для навигации, вы также захотите предложить ссылки на такие ориентиры, как результаты 0–100, результаты 101–200 и т. Д. Вот почему вы вряд ли будете жестко кодировать такие меню в HTML. но вместо этого создайте их на стороне сервера. Однако это не меняет правил — текущий чанк не должен ссылаться на сам себя, и вы не должны предлагать ссылки, которые никуда не ведут. В 99% случаев упорядоченный или неупорядоченный список является достаточной HTML-конструкцией для меню, особенно потому, что логический порядок и вложение также позволяют очень хорошо стилизовать с помощью CSS.Однако в некоторых ситуациях могут потребоваться другие методы проектирования. Один из методов — карты изображений на стороне клиента. Карты изображений превращают изображение в меню, превращая части изображений в интерактивные области, которые можно связывать с различными документами. Пример карты изображения, связанный с этим разделом, превращает изображение в интерактивное меню. Попробуйте это сделать, перейдя по приведенной выше ссылке и щелкнув различные участки треугольника на изображении, показанном на рисунке 3. Рисунок 3. Определив карту с элементами области, вы можете превратить части изображения в интерактивные элементы. Вы можете превратить любое изображение в меню, определив карту с различными областями (также называемыми горячими точками). Вы присваиваете карте атрибут Обратите внимание, что это работает точно так же, как ссылки на странице, а это означает, что вам необходимо поставить перед значением атрибута Каждая область имеет несколько атрибутов: Карты изображений не так уж интересно определять и вводить как HTML, поэтому инструменты для работы с изображениями, такие как Adobe Image Ready или Fireworks, предлагают возможность создавать их визуально (они генерируют HTML за вас). Другой метод, который вы можете использовать, — это использование элемента управления формы для навигации — например, вы можете использовать элемент Наиболее очевидным преимуществом использования этого типа меню является то, что вы можете предложить множество опций, не занимая много места на экране, поскольку браузеры отображают меню в виде одной строки — см. Рисунок 4. Рисунок 4: Меню выбора занимают только одну строку на экране. Вы можете пойти дальше, сгруппировав различные опции меню с помощью элемента Появится меню с недоступными для выбора параметрами (это названия групп), как показано на рисунке 5: Рисунок 5: Меню выбора могут иметь группы опций, которые позволяют сообщать посетителям, какие опции принадлежат друг другу. Преимущество этого метода заключается в том, что он практически не занимает места, но он также означает, что вам нужен серверный скрипт для отправки посетителей на выбранные ими страницы. Вы также можете использовать JavaScript, чтобы ссылки работали, но вы не можете полагаться на доступность JavaScript — вам необходимо убедиться, что ваши пользователи все еще могут использовать меню с отключенным JavaScript. Еще одно, менее очевидное преимущество заключается в том, что вы не предлагаете слишком много ссылок в одном документе. Это означает, что вы не перегружаете пользователей вспомогательными технологиями (которым часто предлагаются ссылки в виде одного большого списка).Это также означает, что поисковые системы не считают ссылки на вашей странице бесполезными, поскольку соотношение ссылки и текста делает документ похожим на карту сайта. Однако многие вспомогательные технологии могут создавать карту ссылок на ваших страницах; если все ваши важные ссылки находятся в меню выбора, есть шанс, что посетитель никогда не наткнется на них. Поэтому рекомендуется предлагать якорные ссылки на основные страницы назначения и меню элементов И последнее, что следует упомянуть о меню HTML, — это то, что размещение меню играет большую роль. Учитывайте посетителей, у которых нет механизма прокрутки или которые могут не видеть, поэтому полагайтесь на навигацию с клавиатуры, чтобы ориентироваться на вашем сайте. Первое, с чем они столкнутся при загрузке документа, — это его расположение и заголовок; затем документ читается сверху вниз, останавливаясь на каждой ссылке, чтобы спросить посетителя, хотят ли они перейти по этой ссылке или нет.Другие варианты — получить список всех ссылок или перейти от заголовка к заголовку. Если меню находится вверху документа, это будет первое, что встретит пользователь. Необходимость пропускать 15 или 20 ссылок до того, как они перейдут к любому контенту, может сильно раздражать. Доступны два обходных пути. Во-первых, вы можете поместить меню после основного содержимого документа (вы все равно можете разместить его вверху экрана с помощью CSS, если хотите). Во-вторых, вы можете предложить ссылку для пропуска. Ссылки для пропуска — это просто ссылки, размещенные перед главным меню, которые указывают на начало контента, позволяя посетителю пропустить меню и сразу перейти к контенту, если он пожелает.Вы можете добавить еще одну ссылку «перейти в меню» в конце документа, чтобы упростить возврат к началу. Посмотрите пример skiplinks, чтобы получить больше информации. Пропустить ссылки не только полезны для такого рода нарушений, но и значительно облегчают жизнь при навигации по сайту на мобильном устройстве с маленьким экраном. В этом руководстве мы рассмотрели различные типы меню, которые вам, вероятно, придется писать в HTML. Примечание. Этот материал был первоначально опубликован как часть учебной программы Opera Web Standards Curriculum, доступной как 23: Создание нескольких страниц с меню навигации, написанной Кристианом Хейлманном.Как и оригинал, он опубликован под лицензией Creative Commons Attribution, Non Commercial — Share Alike 2.5. Далее: Проверка вашего HTML. Этот урок направлен на то, чтобы помочь людям составить меню инвентаря! Щелкните, чтобы развернуть … * Это руководство предназначено для менее опытных разработчиков. Это очень легко сделать, если вы уже делали это один или два раза раньше. Код: java общедоступный статический инвентарь myInventory = Bxukkit.createInventory (null, 9, «Мой собственный инвентарь!»); // Первый параметр - владелец инвентаря. Я делаю его нулевым, чтобы все могли его использовать. // Второй параметр - это слоты в инвентаре. Должно быть кратно 9. Может быть до 54. // Третий параметр - это имя инвентаря. Это будет принимать цвета чата. Код: java статический { myInventory.setItem (0, новый ItemStack (Material.DIRT, 1)); myInventory.setItem (8, новый ItemStack (Material.GOLD_BLOCK, 1)); // Первый параметр - это слот, которому назначен.Отсчет начинается с 0 } Часть 2: События щелчка инвентаря. Код: java public void onInventoryClick (событие InventoryClickEvent) { Player player = (Player) event.getWhoClicked (); // Игрок, который щелкнул элемент ItemStack clicked = event.getCurrentItem (); // Элемент, по которому кликнули Inventory inventory = event.getInventory (); // Инвентарь, по которому был выполнен клик } Давайте теперь проверим, соответствует ли инвентарь нашему пользовательскому инвентарю, поэтому код появляется только в том случае, если он находится в нашем инвентаре. ВАЖНО: Вы должны проверить имена Код: java @EventHandler public void onInventoryClick (событие InventoryClickEvent) { Player player = (Player) event.getWhoClicked (); // Игрок, который щелкнул элемент ItemStack clicked = event.getCurrentItem (); // Элемент, по которому был выполнен клик Inventory inventory = event.getInventory (); // Инвентарь, на который кликнули в if (inventory.getName (). Equals (myInventory.getName ())) { } } Наконец, давайте проверим, соответствует ли выбранный элемент грязи.Если да, то давайте отменим событие и дадим игроку кусок грязи! Код: java @EventHandler public void onInventoryClick (событие InventoryClickEvent) { Player player = (Player) event.getWhoClicked (); // Игрок, который щелкнул элемент ItemStack clicked = event.getCurrentItem (); // Элемент, по которому кликнули Inventory inventory = event.getInventory (); // Инвентарь, который был нажат в if (inventory.getName (). Equals (myInventory.getName ())) {// Инвентарь - это наш настраиваемый инвентарь if (clicked.getType () = = Material.DIRT) {// Предмет, на который щелкнул игрок, грязь event.setCancelled (true); // Сделаем так, чтобы грязь вернулась на прежнее место player.closeInventory (); // Закрываем там инвентарь player.getInventory (). addItem (новый ItemStack (Material.DIRT, 1)); // Добавляет грязь } } } ДОПОЛНИТЕЛЬНО: Чтобы быстро заставить игрока открыть инвентарь: Код: java player.openInventory (myInventory); Чтобы увидеть все это в действии, я сделал для этого небольшой класс: Спасибо! РЕДАКТИРОВАТЬ: Для назначения пользовательских стечек предметов инвентарю я сделал быстрый метод для dis: Код: java public static void createDisplay (Материал материала, инвентаризация инвентаря, интервал слот, имя строки, сведения о строке) { ItemStack item = new ItemStack (material); ItemMeta meta = item.getItemMeta (); meta.setDisplayName (имя); ArrayList Lore.add (история); meta.setLore (История); item.setItemMeta (мета); inv.setItem (Слот, элемент); } Давайте посмотрим правде в глаза: в наши дни для вашей некоммерческой организации обязательно присутствие на Facebook. И плюсов определенно много. Просто возьмите эту историю о том, как Free the Children использовали лайки Facebook, чтобы собрать 2,4 миллиона долларов на свою благотворительность. Или как Пэтти Фоули, председатель совета директоров Newington Community Television, использует Facebook для поиска новых добровольцев. Плюс, независимо от того, считаете ли вы, что у вас есть на это время или нет, какой-нибудь член совета директоров обязательно придет и спросит вас об этом, если у вас его нет. Но не волнуйтесь. Я знаю, что у тебя нет времени заниматься этим — что бы ни думала Джанет. (Если у нее так много времени, почему бы ей просто не запустить его сама? Вздох.) Итак, я здесь, чтобы показать вам, как настроить свой профиль, разработать стратегию публикации и многое другое. Более того, это займет у вас меньше полдня, так что вы сможете быстро перестать беспокоиться о лайках и вернуться к более важным маркетинговым вопросам, например, какой цвет использовать для обложки годового отчета. В этом посте я расскажу: Как создать страницу вашей некоммерческой организации в Facebook Как создать стратегию публикации в Facebook Как сделать живое видео на Facebook Как создавать события Facebook Как создать объявление в Facebook Узнайте, подходят ли сборщики средств Facebook для вашей некоммерческой организации Время: 1 час Перво-наперво, давайте настроим вашу страницу в Facebook. Вот все, что вам нужно знать о создании страницы со всем, что ваши поклонники должны знать о вас — и все, что побудит их поддержать вас! 1. Перейдите на Facebook для бизнеса . В отличие от многих других платформ, вы будете создавать и управлять своей страницей через свой личный профиль.После входа в систему перейдите в Facebook для бизнеса. Наведите курсор на кнопку «Создать объявление» в правом верхнем углу и нажмите «Создать страницу». 2. Выберите бизнес-класс . Как некоммерческая организация или некоммерческая организация, вы нажмете «Начать» в разделе «Бизнес или бренд». Имя вашей страницы должно быть просто названием вашей организации. Затем выберите категорию, наиболее подходящую для вашей организации. Чтобы выбрать категорию «Некоммерческая организация» для своей страницы, начните вводить текст в поле «Категория» и выберите «Некоммерческая организация», когда оно появится. 3. Загрузите изображение профиля и обложку. Многие организации используют свой логотип в качестве изображения профиля. Вы можете сделать это или использовать изображение, показывающее, что вы делаете. Например, если вы работаете с животными, вы можете использовать изображение животного или если вы работаете с матерями, вы можете использовать изображение матери и ребенка. Использование изображения вместо логотипа придаст вашей странице более индивидуальный вид и поможет вашей странице органично вписаться в сообщения друзей и членов семьи вашего поклонника в их ленте. При создании обложки обязательно используйте оптимальные размеры: 315 пикселей в высоту и 851 пикселей в ширину. Сделайте это изображение простым; не чувствую, что вам нужно много использовать (или вообще какой-либо текст). В вашем профиле есть много мест, где можно написать, чтобы поделиться своей работой и миссией. Вот три отличных способа создания / использования баннера Facebook для развития вашей организации: 1. Акция на мероприятие Американская ассоциация консультантов изменила фото на обложке, чтобы включить информацию о предстоящем мероприятии.Теперь каждый, кто заходит на их страницу в Facebook, будет знать об их конференции, и ACA, вероятно, увидит рост числа участников, зарегистрировавшихся на мероприятие. 2. Членство или продвижение по делу В этом примере канадские службы крови добавили CTA (призыв к действию) на своей обложке, предлагая всем посетителям Facebook стать донорами. Они также добавили ссылку на веб-сайт в изображение, чтобы кто-то мог легко найти дополнительную информацию. Таким же образом вы можете использовать свою обложку, чтобы попросить людей присоединиться к вашей организации и сообщить им, где они могут стать членами. 3. Взаимодействие с членами QUT использовал фотографии своих членов на обложке. Помимо того, что это отличное фото, это еще две вещи, которые помогут клубу: 4. Заполните раздел «О программе». Его можно найти в левой части страницы. Здесь вы можете предоставить всю информацию, которую аудитория должна знать о вашей организации. Обязательно заполните раздел «Наша история», который расскажет вашей аудитории о вашей миссии и о том, как все это началось. 5. Найдите первых последователей Теперь у вас есть базовая страница Facebook для вашей некоммерческой организации! Как это чувствуется? Но пока не останавливайтесь на достигнутом.Пора начинать привлекать подписчиков, которым понравится ваша страница (не забудьте полюбить страницу себе!). Подписчики, которым нравится ваша страница на Facebook, будут видеть ваши фотографии и сообщения в своей ленте Facebook всякий раз, когда у вас будет новое обновление. Вот четыре простые вещи, которые вы можете сделать, чтобы привлечь больше подписчиков: Если вы хотите добавить канал Facebook на свой веб-сайт, посетите Facebook для разработчиков, где показаны шаги.Однако для этого вам может потребоваться немного технических знаний. Примечание. Webb Mountain Discovery Zone добавила свой канал в Facebook с помощью перетаскиваемого конструктора веб-сайтов Wild Apricot, созданного для некоммерческих организаций. Теперь, когда у вас настроена страница в Facebook и у вас есть подписчики, вы готовы к публикации. (И когда вы будете готовы создать группу в Facebook для своей некоммерческой организации, посмотрите этот пост, чтобы вдохновиться!) Время: 2 часа Как вы, возможно, уже знаете, случайная публикация не только требует времени, но и не поможет вам в достижении ваших целей. Если вы публикуете сообщения регулярно, ваши сообщения с большей вероятностью появятся в лентах ваших сторонников. Кроме того, они с большей вероятностью будут чувствовать себя лично заинтересованными в вашей организации, если будут следить за вашими успехами и трудностями. Вот почему, прежде чем вы начнете публиковать сообщения, вы должны создать простую стратегию публикации, которая включает в себя план, адаптированный для достижения успеха в Facebook, а также контент, поддерживающий ваши усилия. (Это также дает вам оправдание НЕ публиковать сообщения, когда другие сотрудники приходят к вам с запросами в последнюю минуту.Добро пожаловать!) Если ваша некоммерческая организация работает на других социальных платформах, таких как Instagram, ваша стратегия в Facebook должна согласовываться с вашей общей стратегией в социальных сетях. Посмотрите эти 5 примеров успешных некоммерческих стратегий в социальных сетях для вдохновения. Начните создавать план своей платформы с понимания того, какой контент хорошо работает на Facebook. Чтобы понять это, нажмите вокруг и посмотрите, какие сообщения из других организаций в вашей нише получают больше всего репостов и лайков, а также посмотрите, на какие еще страницы ваши сторонники, вероятно, будут следить и какой контент они публикуют. Оттуда определите цель своей страницы в Facebook, количество сообщений, которые вы планируете публиковать в неделю, и свой бюджет, а также типы контента, на котором вы сосредоточитесь. Задавая эти вопросы, вы сможете составить четкий план успешной страницы Facebook. Наконец, Facebook — это социальная сеть, поэтому укажите, как вы планируете взаимодействовать со своими поклонниками. Например, вам удастся публиковать сообщения три раза в неделю. Проведя небольшое исследование и просмотрев свою предыдущую аналитику, вы узнали, что сложно охватить людей с помощью обычных сообщений, что изображения с небольшим количеством текста работают лучше, чем изображения с большим количеством текста, и что у вас больше шансов охватить свою аудиторию. в возрасте от 40 до 64 лет. Стратегия вашей платформы может выглядеть примерно так: Цель: Для общения с действующими и потенциальными сторонниками старше 40 лет Каденция : 3 раза в неделю Оплачиваемые расходы: 25 долларов в неделю Содержание: Сосредоточьтесь на видео и изображениях. Делитесь историями клиентов, влиянием, организационной деятельностью и победами, а также секретами работы персонала. Вовлеченность: Отметьте подходящих партнеров, пригласите тех, кому нравятся сообщения, поставить лайк или подписаться на страницу, ответить на все комментарии и сообщения в течение 24 часов Как видите, этот план не должен быть сложным, особенно если у вас нет на него много времени. Затем вы должны создать сегменты контента, которые будут определять типы создаваемых вами сообщений. Для каждой корзины можно использовать ряд мультимедийных материалов, включая изображения, наложение текста (текст поверх изображений), простую анимацию / гифки и видео. Вот восемь сегментов контента, которые вам следует рассмотреть. Inspire: Выделите своих клиентов и проявите влияние. Часто благодарите своих жертвователей. Представьте: Предложите своим сотрудникам, совету директоров, волонтерам и партнерам.Покажите человеческую сторону вашей организации. Сообщите: Расскажите аудитории о вашей проблеме. Будьте постоянным источником новостей в вашем секторе. E ntertain: Размещайте веселые и веселые сообщения, например мемы или гифки, которые связаны с проблемами вашей организации. Взаимодействуйте: Задавайте вопросы, делитесь опросами или проводите конкурсы. Обновление: Делитесь новостями своей организации, предстоящими событиями и мероприятиями, а также тем, что происходит за кулисами. Призыв к действию: Сделайте прямую просьбу сделать пожертвование, стать волонтером, присоединиться к вашему списку рассылки, подписать петицию или подать заявку на вакансию. Пользовательский контент: Если ваши доноры, волонтеры или население, которому вы служите, создают контент о вас, все, что вам нужно сделать, это опубликовать его у себя! Следите за упоминанием вашего имени в социальных сетях, чтобы вы могли воспользоваться этими прекрасными возможностями, или просто попросите своих сторонников рассказать, почему они любят вашу организацию.Многие будут счастливы это сделать. Мы рекомендуем планировать содержание за неделю или за месяц вперед. Выделите день, чтобы сосредоточиться на планировании, создании и расписании контента, что позволит вам затем сосредоточиться на других задачах. Вы также можете воспользоваться некоторыми из этих замечательных инструментов планирования в социальных сетях, которые помогут вам сэкономить время в течение недели. Вам нужно немного вдохновения, прежде чем выбирать сегменты контента? Посмотрите эти сообщения.На создание многих из них у вас уйдет пять минут или меньше. Размещайте повторяющееся видео в Facebook Live. Директор начальной школы Гомер-Драйв Белинда Джордж читает сказку на ночь своим ученикам (и сотням других людей по всему миру!) Каждый вторник вечером в своем еженедельнике «По вторникам». Публикация на актуальную тему, будь то новости, праздник или национальный праздник. Например, LiveOnNY связались с донорством органов в этом посте на Хэллоуин. Используйте вдохновляющие цитаты. ЮНИСЕФ, одна из самых популярных некоммерческих страниц в Facebook, часто публикует вдохновляющие цитаты молодежи со всего мира. Задайте вопрос своим подписчикам. Всемирный фонд дикой природы взаимодействовал со своими последователями, задавая им вопросы об их знаниях о дикой природе. Вы знаете разницу между дельфином и морской свиньей? (Я не смотрел этот тест раньше!) Вы можете создавать подобные сообщения либо в самом Facebook, используя функцию опроса, либо создавать сообщения в блоге по теме, на которую вы затем можете направить свою аудиторию. Поблагодарите своих последователей. Вы можете поблагодарить их за то, что они посетили мероприятие на следующий день, сделали пожертвование или просто за то, что появились и взаимодействовали с вашей страницей в Facebook. SHOFCO опубликовала прекрасный пост с благодарностью после #GivingTuesday. Время: без дополнительного времени при потоковой передаче во время событий Видео по-прежнему остается одним из самых популярных и эффективных средств массовой информации для использования на Facebook.В то время как средний уровень вовлеченности для публикаций в Facebook составляет 3,6%, видео-сообщения имеют двойной средний уровень вовлеченности — 6,13%. Фактически, 60% пользователей, которые смотрят цифровые видео, делают это на Facebook, уступая только YouTube. Самый простой способ включить видео в свои сообщения — разместить видео в прямом эфире, поскольку для них не требуется столько скриптов или редактирования. Вы можете вести прямые трансляции событий, планировать прямые трансляции вопросов и ответов или демонстрации. Хостинг Facebook Live — это просто. Вот как вы можете начать жить прямо со своего смартфона: Перейдите в раздел «Создать сообщение» на своей странице и нажмите кнопку «Прямая трансляция».Если вы еще этого не сделали, предоставьте Facebook доступ к камере и микрофону при появлении соответствующего запроса. Напишите интересное описание того, что будет происходить в живом видео. Нажмите синюю кнопку «Начать живое видео», чтобы начать трансляцию. Нажмите «Готово», когда ваша прямая трансляция будет завершена. Максимально используйте свои живые видео.Facebook дает пять советов по размещению успешных прямых трансляций. 1. Включите надежное соединение. Убедитесь, что ваша трансляция максимально четкая, с высоким разрешением и максимально стабильна. 2. Взаимодействуйте со своей аудиторией. Facebook уделяет приоритетное внимание контенту, который вызывает разговоры и включает значимые взаимодействия между реальными людьми. Попробуйте эти методы взаимодействия: Поздоровайтесь с комментаторами по имени и ответьте на их комментарии. Отвечайте на вопросы в эфире. Закрепите отличные комментарии в верхней части чата. Поощряйте участников мероприятия взаимодействовать с аудиторией через живые комментарии. 3. Более продолжительное вещание, чтобы охватить большее количество людей. Facebook отдает предпочтение более длинным видео (более трех минут), которые вдохновляют людей продолжать просмотр. Для прямых трансляций, чем дольше вы находитесь в прямом эфире, тем больше вероятность, что люди обнаружат видео. 4.Сообщите людям заранее, когда вы собираетесь вести трансляцию. Создайте ожидание, сообщив людям, когда вы будете вести прямую трансляцию. 5. Будьте изобретательны и живите чаще. Попробуйте разные типы трансляций и чаще выходите в эфир, чтобы заинтересовать аудиторию. Вы также можете использовать аналитические данные, доступные в Creator Studio, чтобы узнать, какой контент работает лучше всего, и оптимизировать свои видео, чтобы сосредоточиться на этих темах. Вы также можете изменить время публикации, чтобы увидеть, предпочитает ли ваша аудитория одно время другому. Время: 15 минут Планируя мероприятие для своей организации, не забудьте включить мероприятие в Facebook. Даже если вы уже разослали письмо по электронной почте, чем больше напоминаний вашей аудитории, тем лучше! Кроме того, поскольку друзья потенциальных посетителей могут видеть, что они нажали «Заинтересованы» или «Участвуют», у вас есть шанс охватить более широкую аудиторию, которая, возможно, еще не подписана на вашу страницу. Вот шаги: Перейдите на страницу событий Facebook и нажмите кнопку «Создать событие» в нижнем левом углу экрана.Выберите «Создать общедоступное мероприятие» из раскрывающегося меню, чтобы сделать общедоступное мероприятие, а не только по приглашению. Выберите страницу вашего бренда в Facebook. Это гарантирует, что мероприятие связано с вашей страницей, и его можно будет соответствующим образом продвигать. Заполните всю информацию на экране. Вы можете включить всю важную информацию о вашем мероприятии, включая изображения и детали. Выбирая изображение, убедитесь, что используете яркое и убедительное изображение без текста. Используйте ключевые слова, которые помогут людям узнать о вашем мероприятии, например «панель», «аукцион» или «ярмарка здоровья». Если он у вас есть, добавьте ссылку на страницу регистрации или покупки билетов. Добавьте участников, например, других организаций, председателей комитетов или место для проведения мероприятий. Это гарантирует, что они получат уведомление, когда событие будет создано, а затем им будет предложено поделиться вашим мероприятием (а кто не любит дополнительную рекламу?). Опубликуйте и продвигайте свое мероприятие! Четыре способа продвижения вашего мероприятия Часто публикуйте информацию о мероприятии со своей страницы Facebook и закрепите сообщение вверху своей страницы. Используйте другие каналы, такие как электронная почта и другие сайты социальных сетей, чтобы направить туда потенциальных посетителей. Используйте вкладку «Пригласить» на мероприятии, чтобы пригласить знакомых вашей организации и ожидаемых гостей. Рассмотрите возможность размещения рекламы для продвижения вашего мероприятия. Подробнее о том, как это сделать, читайте в этом посте. Время: 1 час Facebook отдает предпочтение сообщениям друзей и родственников, а не брендам, что усложняет органическое отображение сообщений некоммерческих организаций в Facebook. Итак, если у вас есть небольшой бюджет, с которым можно сэкономить или с которым можно поэкспериментировать, включите в свою стратегию Facebook повышение постов или запуск рекламы в Facebook, чтобы привлечь больше внимания к вашему контенту (и, следовательно, больше потенциальных доноров, участников или участников мероприятий). Научиться создавать рекламу для некоммерческих организаций на Facebook — это невероятный маркетинговый навык. Чтобы получить подробное руководство по рекламе в Facebook, посетите наш бесплатный веб-семинар по запросу «Как начать использовать рекламу в Facebook, чтобы охватить большую аудиторию с небольшим бюджетом» и посетите Контрольный список платной рекламы Hubspot в Facebook. Чтобы быстро взглянуть на процесс, вот обзор того, как создать рекламу Facebook. Начните создавать рекламу через Менеджер рекламы Facebook.Чтобы создать новую кампанию, набор объявлений или рекламу через Менеджер рекламы Facebook, выберите тип объявления, которое вы хотите создать, и нажмите зеленую кнопку «Создать». Выберите цель. Есть из чего выбирать, в том числе узнаваемость бренда, охват, посещаемость веб-сайта, привлечение потенциальных клиентов и конверсии. Например, если вы хотите, чтобы вашу рекламу увидело как можно больше людей, в качестве цели вы захотите выбрать охват. Если вы собираетесь направлять людей на свой веб-сайт или сообщение в блоге, вы указываете посещаемость веб-сайта как свою цель. Выберите свою аудиторию. Вы сможете создать определенную целевую аудиторию для своей рекламы. Facebook предоставляет несколько вариантов таргетинга, включая местоположение, возраст, пол, языки, отношения, образование, финансы, интересы и многое другое. Создание правильной индивидуализированной аудитории потребует множества испытаний, проб и ошибок. Чем дольше вы создаете рекламу, тем успешнее будет ваш таргетинг. Установите свой бюджет.У вас будет возможность установить дневной бюджет или пожизненный бюджет. Создайте свое объявление! Теперь самое интересное. Вы создадите рекламу, исходя из поставленной вами цели. Facebook поделился этими советами, чтобы получить максимальную отдачу от вашей рекламы: Используйте вертикальное видео, как большинство людей используют свои телефоны. Избегайте текста на изображениях. Вместо этого используйте поля описания текста / заголовка / ссылки. Сделайте текст коротким, четким и лаконичным, чтобы донести ваше сообщение. Добавьте несколько изображений, используя формат карусели. Объявления с движением выделяются в ленте новостей. Используйте видео или простую анимацию. Создавая рекламу Stories, вы можете использовать бесплатные шаблоны, которые автоматически анимируют вашу рекламу. Используйте призыв к действию (CTA).Кнопки с призывом к действию привлекают внимание и побуждают людей взаимодействовать с вашей рекламой, а также помогут вам добиться возражений против вашей рекламы. Отслеживайте эффективность своей рекламы. Вы не совсем закончили, когда публикуете свое объявление. Следите за ним в течение всей кампании, чтобы вы могли вносить изменения в неэффективные объявления и воспроизводить наиболее эффективные. Время: после утверждения, 3 минуты Facebook Фандрайзеры позволяют людям создавать фандрайзеры для своих любимых организаций через Facebook. Платформа по сбору средств вызывала много споров в последние несколько лет. Миллионы долларов были собраны через Facebook — 120 миллионов долларов только на #GivingTuesday 2019 года — но сборщики средств борются с отсутствием контроля и информации о донорах, когда идут по этому пути. Прежде чем приступить к включению функции сбора средств Facebook для своей организации, вы можете ознакомиться с нашим полным руководством по этой теме здесь. Кроме того, следует рассмотреть несколько плюсов и минусов. Плюсы Это отличная возможность для краудфандинга. Ваши чемпионы будут собирать средства для вас, и ваша организация будет представлена их семье, друзьям и знакомым. Facebook не взимает комиссию за пожертвования некоммерческим организациям. Это отличный способ пообщаться с новыми и действующими поклонниками на Facebook. Минусы Вы не сможете поддерживать постоянные отношения с донорами, так как вы не получите никакой информации о донорах.Это самая серьезная критика инструмента сбора средств платформы. Вы не сможете контролировать изображения и сообщения, используемые при сборе средств. Может потребоваться несколько недель, чтобы получить разрешение на создание фандрайзеров Facebook для вашей организации. Facebook Фандрайзеры — фантастический способ собрать деньги, но не лучший способ наладить отношения с новыми донорами. Некоммерческий специалист по социальным сетям Джулия Кэмпбелл дает убедительный совет, который поможет вам решить, будут ли фандрайзеры Facebook работать на вашу организацию: «Чтобы определить, сработает ли сбор средств на Facebook для вашей некоммерческой организации, всегда возвращайтесь к своим целям.Чего бы вы хотели достичь, организовав сбор средств на Facebook? Если вам нужны быстрые деньги для конкретного проекта, то сбор средств на Facebook может быть вашим решением. Если вы хотите создать свой донорский файл и наладить отношения со своими донорами, сбор средств на Facebook — не лучший способ для долгосрочного удержания доноров ». Включение сбора средств через Facebook Правила Facebook по сбору средств для применения в качестве организации могут занять время, но после этого все просто. Зарегистрируйтесь, чтобы принимать пожертвования на Facebook. Чтобы заполнить это заявление, вам нужно будет предоставить выписку из банка, информацию о вашем генеральном или исполнительном директоре, а также идентификационный номер налогоплательщика вашей организации (EIN или номер плательщика НДС). Этот процесс может занять две-три недели. Как только ваша страница будет одобрена для приема пожертвований, войдите в Facebook и нажмите «Инструменты публикации» в верхнем меню своей страницы Facebook. Найдите настройки пожертвований в разделе «Сбор средств». Установите флажок «Разрешить людям создавать сборщики средств» и «Разрешить людям добавлять кнопки пожертвований рядом с их сообщениями». Обязательно нажмите Сохранить. Мы надеемся, что этот пост воодушевил вас принять участие в создании и управлении страницей Facebook для вашей некоммерческой организации., которое должно использоваться для содержания основной навигации веб-сайта, будь то список ссылок или элемент формы, такой как поле поиска.Это хорошая идея, так как до этого мы бы содержали блок навигации внутри чего-то вроде
дает нам последовательный способ однозначного определения с помощью основной навигации, что хорошо для таких вещей, как поисковая оптимизация, и для пользователей с ослабленным зрением, использующих программу чтения с экрана, которые смогут найти навигацию намного проще. если он четко обозначен (это зависит от используемого ими средства чтения с экрана, поддерживающего элемент
, так что это может быть еще немного).Итак, блок навигации будет выглядеть примерно так:
следует использовать только для основной навигации пользователя по веб-странице, а не для рекламных ссылок внизу страницы или для дополнительной навигации, относящейся к небольшой части страницы.
Инструменты главного меню HTML — ссылки, привязки и списки
и
(привязка). В двух словах: Элементы
описывают отношения между несколькими документами. Вы можете, например, сообщить пользовательскому агенту, что текущий документ является частью большего набора, охватывающего несколько документов, включая оглавление, и определить отношения между документами.
) позволяют ссылаться либо на другой документ, ресурс или раздел документа, либо на определенный раздел текущего документа. Пользовательский агент не отслеживает их автоматически; вместо этого они будут активированы вашими посетителями любым доступным им способом (мышь, клавиатура, распознавание голоса и т. д.) и списков для создания меню удобно по нескольким причинам:
. Это не только упростит поиск пользователей программ чтения с экрана, как упоминалось выше, но также упростит нацеливание на них с помощью CSS и JavaScript.
, а не после него. здесь вы можете увидеть правильный и неправильный пример.
и никогда не
. Необходимость гибкости
Навигация по странице (содержание)
href
указывает на соответствующую привязку дальше вниз по странице через значение атрибута id
привязки, которому предшествует символ решетки (#). Итак, якорь выглядит так:
Введение
. Вы можете активировать это несколькими способами, все из которых объясняются в прекрасной статье Инго Чао «О наличии макета». Самый простой способ — обернуть якорь в элементе, а затем установить ширину этого элемента с помощью CSS. В этом случае мы использовали элементов
, а затем установили их ширину на 100% с помощью CSS.Это то, что нужно IE — якорь должен находиться внутри элемента с
. Навигация по сайту
Давать посетителям ощущение «Вы здесь»
) — это дает пользователям визуальную подсказку, а также сообщает слепым посетителям, что это очень важно — этот пример выделения текущей страницы иллюстрирует это. Сколько опций вы должны дать пользователям одновременно?
Карты сайта
элемент) и не связан. Когда списков мало — изображения карт и форм
Установка точек доступа с картами изображений
name
и соединяете изображение и карту с помощью атрибута usemap
в элементе
. Код в нашем примере выглядит так:
usemap
хеш. href
определяет URL-адрес, на который должна ссылаться область (которая также может быть целью в том же документе). alt
определяет альтернативный текст, который может отображаться, если изображение не отображается по какой-либо причине. Форма
определяет форму области. Это может быть прямоугольник
для прямоугольников, круг,
для кругов или поли
для неправильных форм, определенных с помощью многоугольников. coords
определяет координаты на изображении, которые должны стать горячими точками — эти значения измеряются от верхнего левого угла изображения и могут быть измерены в пикселях или процентах. Для прямоугольных областей вам нужно определить только верхний левый и нижний правый угол; для кругов нужно определить центр круга и радиус; для полигонов необходимо предоставить список всех угловых точек, разделенных запятыми. Экономия места на экране и предотвращение перегрузки ссылок с помощью форм
для навигации, с различными страницами в качестве параметров внутри элемента
. Ваши посетители могут выбрать вариант, а затем отправить форму для перехода на разные страницы. Здесь вы можете найти пример меню формы: обратите внимание, что на самом деле он не будет работать, поскольку он не привязан к какому-либо сценарию, чтобы заставить его работать., как показано в этом примере optgroup.
, чтобы предлагать больше возможностей. Посетители смогут ими пользоваться, но таким машинам, как роботы поисковых систем, не нужно знать об их существовании. Куда поместить меню и предложить варианты пропустить его
Сводка
Вопросы к упражнению
для меню и в чем заключаются проблемы?
и что такое атрибут nohref
элемента area (здесь его нет, вам нужно провести онлайн-исследование) [Учебник] Создайте меню инвентаря!
ИНФОРМАЦИЯ: Когда я говорю «Меню инвентаря», я имею в виду нестандартный инвентарь с настраиваемыми предметами. При нажатии на разные элементы происходят разные вещи.В этом руководстве рассматривается создание инвентаря, использование события щелчка инвентаря и назначение предметов.
Часть 1: Создание инвентаря.
Я собираюсь создать инвентарь, назовите его «Мой пользовательский инвентарь», и у него будет 9 слотов.
ПРИМЕЧАНИЕ: Я сделал инвентарь общедоступным и статическим, чтобы мы могли получить к нему доступ из разных классов.
После настройки этого инвентаря инвентарь будет настроен. Для следующей части это должно быть Статический .
Собираюсь Положить в инвентарь 3 предмета!
Создайте событие с парой переменных:
http://pastebin.com/yv1zkfNw
— Джейк
Как сделать вашу страницу некоммерческой организации в Facebook отличной менее чем за пять часов
1.Создайте страницу
своей некоммерческой организации на Facebook 2. Создайте стратегию публикации в Facebook
Что должен включать ваш план платформы
Как создать контент-план
Пять вдохновляющих сообщений от некоммерческих организаций на Facebook
3. Сделайте живое видео в Facebook
Как разместить успешное живое видео
4. Создание событий Facebook
5. Создайте рекламу для некоммерческих организаций в Facebook
6. Фандрайзеры Facebook: они для вашей некоммерческой организации?