Как сделать ссылку ВКонтакте в виде кнопки
На чтение 4 мин. Опубликовано Обновлено
Здравствуйте, друзья! Сегодня я вам расскажу, как сделать ссылку ВКонтакте в виде кликабельной кнопки. Для постов ВКонтакте я уже предлагал несколько решений здесь на блоге и на своём видеоканале в YouTube, и эта статья станет хорошим продолжением данной темы. А если Вы примените данный способ на практике, то по достоинству оцените его силу.
Все Вы знаете, что современного интернет-пользователя не так-то просто побудить что-то прочитать и тем более сделать переход по ссылке.
Если на принятие решения «читать или не читать» основную роль играют заголовок, первый абзац текста и сопровождающая картинка, то в деле перехода по предлагаемым ссылкам к этим основным элементам подключаются активные элементы в виде баннеров и кабельных кнопок.
В итоге прочтения данной статьи, Вы сможете без труда сделать вот такое оформление своего поста ВКонтакте:
Техническая составляющая данного приема основана на том, что, как только в тексте поста появляется ссылка, Контакт автоматически повторяет её под текстом содержания. Одним из результатов такого алгоритма его работы является превью одной из картинок, размещенной на том веб-ресурсов, на который ведет ссылка.
Именно данное превью мы будем использовать. Если нажать на значок фотоаппарата, который появляется при наведении курсора мыши на превью, то Контакт предлагает заменить изображение на любое другое с размерами не меньше 537х240рх.
Создадим в Фотошопе файл белого цвета именно такого размера и сохраним его в виде картинки. Теперь в режиме добавления новостей на стену своего аккаунта или группы поставим любую ссылку, например, на статью своего блога, нажмем значок фотоаппарата на превью и предложим контакту загрузить наше белое изображение. Как только ВКонтакте сделает загрузку, Вы увидите вот такую картинку:
Далее, используя свой любимый скриншотер, Вам необходимо очень аккуратно сделать скриншот области, которую занимает серый фон по его внешней границе. Для этого можно использовать даже возможности Яндекс-диска делать скриншоты. Если Вы делаете скриншот не всего экрана сразу, а это самый лучший вариант в данном случае, то контролируйте размеры будущего скриншота. Они должны быть 537х240рх.
Теперь в Фотошопе открываете данный скриншот, берете инструмент «Прямоугольник» и создаёте на месте белой части изображения прямоугольник-заготовку для будущей кнопки.
При этом цвет данного прямоугольника Вы можете выбрать сразу перед началом этой операции, а можете изменить его позже. Удалять серое изображение или обрезать его не нужно. И в этом есть особая хитрость.
Вам останется только дать создаваемой кнопке название, подобрать цвет надписи и уточнить её расположение. При этом вполне возможно, что потребуется перед набором текста, временно отключить слой созданного прямоугольника.
У Вас получится примерно вот такая красивая кнопочка или даже ещё лучше.
Кстати, можно сразу наделать несколько таких кнопок, чтобы иметь возможность оперативно выбирать кнопку, подходящую по цвету под картинку Вашего поста. После создание такого набора сохраняем каждый вариант в специально созданную для кнопок папку.
Когда кнопки готовы, Вы в процессе работы загружаете нужную кнопку вместо созданного Контактом превью. При этом не нужно регулировать никаких размеров — смело после загрузки нажимаете кнопку «Сохранить изменения», а сам Контакт сделает всё остальное.
У Вас не останется даже намека на серую область, а будет именно кнопка.
Далее дополняете будущий пост необходимым содержанием и обязательно вставляете картинку, при необходимости уточняете надпись на ссылке и отправляете свой пост на суд читателей. Выглядеть он будет не хуже, чем показано выше на скриншоте поста по старту очередного набора в бесплатную он-лайн школу «Я блогер».
В принципе работа несложная, но потребует от Вас определенный аккуратности в действиях. Добавлю, что кнопки можно делать со скругленными углами, можно делать их меньшего размера, а можно просто вставлять уже готовые.
Как это всё делается, Вы можете посмотреть в видео ниже. Первая его часть посвящена описанному выше способу, а вторая — всем остальным.
Если Вам понравилось создание таких кликабельных кнопок для постов ВКонтакте, дайте мне об этом знать в комментариях ниже. Естественно, если остались вопросы, то не стесняйтесь их задать там же. Желаю Вам разобраться во всём без проблем.
С уважением, Сергей Почечуев.
Как сделать ссылку ВКонтакте текстом или смайлом
На чтение 4 мин. Опубликовано Обновлено
Здравствуйте, друзья! Сегодня я расскажу, как делать в новом интерфейсе ВКонтакте ссылку текстом или смайлом на группы и личные профили. Те из Вас, кто уже использует ссылки в своей ВКонтактной практике знает, что это сильный инструмент, который дает не просто удобство читателю Вашего поста или заметки, но и хорошо привлекает его внимание. После прочтения данной статьи делать такие ссылки сможет любой из Вас.
Немного предыстории
Почти все из вас столкнулись с обновленным интерфейсом социальной сети ВКонтакте. Что-то стало лучше, а что-то явно ухудшилось. Но не мы с Вами принимали решение, нам приходится смириться с тем что есть. Естественно приходится осваивать не только юзабилити нового интерфейса, но и способы работы.
В старом интерфейсе при редактировании записи приходилось обязательно вновь вставлять конструкцию ссылки в редактируемый текст, потому что она при переходе в режим редактирования превращалась в простой текст. Из практики скажу, что это очень неудобно – постоянно набирать подобную конструкцию:
[id145028382|Сергей Почечуев]
В новом ВКонтакте, слава Богу, разработчики учли этот момент. Но при этом появилась новая конструкция ссылки. Теперь ссылкам не нужно делать обрамление из квадратных скобок […]. Достаточно просто поставить впереди собачку @ и дальше уже выбрать тип ссылки (на что она будет вести):
Повторю содержание скриншота, если что-то в нем осталось непонятным:
Ссылка на личную страничку в ВК:
@id***(Текст Вашей ссылки)
Ссылка на группу в ВК (сообщество):
@club***(Текст Вашей ссылки)
Естественно, что вместо звездочек нужно вставить индивидуальный номер соответствующего перенаправления, т.е. номер Вашего или чьего-то личного id, или группы, если ссылка будет вести на сообщество. Вот здесь иногда у новичков возникают проблемы с определением этого самого номера.
Связано это с тем, что нередко пользователи ВКонтакте заменяют индивидуальный номер определенной фразой. Это очень хорошая возможность индивидуального самовыражения, но вот, как определить этот самый id за надписью?
Да, тоже очень просто! Достаточно проскролить страничку до первой картинки на стене и кликнуть по ней левой кнопкой мышки. Дальше смотрите запись в адресной строке браузера.
В ней сразу после слова photo- будет стоять 2 группы цифр, из которых первая означает тот самый искомый номер (id). Его и копируем в буфер обмена. Вторая группа цифр – это просто порядковый номер картинки в хранилище ВКонтакте.
Но в большинстве случаев можно даже не искать номер id, потому что теперь можно даже ввести текстовый адрес. В отличии от цифрового он вводится без слова club.
Если после публикации Вы захотите что-то подредактировать, то не удивляйтесь, когда увидите вместо текстового содержания номер группы или личного профиля. ВКонтакте обработает ссылку по всем правилам самостоятельно.
Также можно вместо текста привязать ссылку к любому смайлику, который доступен в окне набора новости.
Я пока не задумывался, как это применять на практике, но может кому-то из Вас хватит фантазии в оформлении своих записей с помощью смайлов со ссылками.
Конечно всех нюансов и примеров вот так с помощью скриншотов не расскажешь. Поэтому я записал коротенькое видео для того, чтобы Вы могли поставить все точки над «и» в вопросах создания текстовых ссылок в ВКонтакте.
Скажу честно, что мне, как админу группы, нет-нет, да и приходится делать текстовые анкоры ссылок. И также честно сознаюсь, что никак не мог привыкнуть к этим квадратным скобкам. Особенно меня бесило, когда при редактировании, приходилось их ставить заново. Но теперь все позади. Думаю, что и для Вас текстовые ссылки теперь будут обыденным делом.
Пишите в комментариях насколько Вам были полезны мои изыскания. Подписывайтесь на новости, потому что буквально на следующей неделе я планирую закончить небольшой видеокурс по созданию и оформлению красивого дизайна для группы.
Новый интерфейс внес свои поправки и надо исправлять появившиеся атавизмы. В общем ловите момент. Пока такой инфы в Сети не густо.
С уважением, Сергей Почечуев
Как сделать ВКонтакте кликабельную кнопку на видео с YouTube
На чтение 4 мин. Опубликовано Обновлено
Здравствуйте, друзья! Из этой статьи вы узнаете, как сделать ВКонтакте ссылку на видео из YouTube в виде кликабельной кнопки. Эта кнопка будет отправлять читателей вашей новости непосредственно на ваш видеоканал. Просто так это не сделать, но, применив описанный способ, вы будете делать ВКонтакте невозможное.
При этом, можно сказать, что человек одновременно условно будет оставаться в вашей группе. Вы можете сказать: «Зачем какая-то кнопка, если можно просто разместить видео у себя на стене или в группе?» Действительно, так можно сделать, но вот все лавры от просмотренных видео в основном будет забирать себе контакт. А вот кнопка уже на 100% гарантирует вам зачет количества и времени просмотра инструментами YouTube. Это немаловажный факт с учетом того, что с начала этого года для того, чтобы стать партнером YouTube нужно набрать минимум тысячу подписчиков и 4000 часов просмотра.
Если говорить о пользе такой кнопки непосредственно для продвижения ВКонтакте, то она заключается в том, что вы можете давать ссылку на свое видео в самых различных вариациях.
Как видите, это не банальное повторение в ленте ваших новостей одной и той же титульной картинки вашего видео. В этом случае есть где разгуляться, пофантазировать и в итоге добиться своей цели.
С любым другим сайтом, кроме Ютуба, можно было бы сделать эту кнопку так, как написано вот в этой моей статье. По большому счёту алгоритм действий нисколько не изменился, но только сам Контакт по отношению ютубовским роликам встает на дыбы и в итоге, казалось бы логичных действий, всё равно будет отображать видео в том виде, как он делает это обычно.
Однако Вы можете заставить контакт изменить свое отношение к ютубовской ссылке с помощью обыкновенного редиректа. В данном случае редирект выступит в роли посредника.
Для создания кликабельной кнопки можно использовать минимум четыре вида редиректа. Я остановлюсь на первом, как на самом простом и доступном для любого интернет-пользователя. Почему я выбрал для этого способа именно сервис сокращения ссылок bitly.com, Вам станет понятно, если вы прочитаете вот эту статью со сравнительными характеристиками сервисов сокращения ссылок.
Весь процесс создания поста ВКонтакте с кликабельной кнопкой можно изобразить вот такой диаграммой
Если вкратце, то вы берете ссылку со своего видео, сокращаете её в сервисе сокращения ссылок и вставляете в окно добавления новостей ВКонтакте. ВК покажет вам превью видео, на котором нажатием на значок фотоаппарата можно заменить отображаемое превью на изображение кнопки.
Как это все делается на практике вы можете посмотреть вот в этом видео.
Смотри другие видео на моем видеоканале
Видите, процесс несложный. Ссылки на все необходимые сервисы и дополнительные видео есть в описании к видео непосредственно на моем канале.
Единственное, что может вызвать трудность — так это процесс создания самой кнопки. Ее на самом деле можно сделать в любом графическом редакторе, не только в фотошопе. Вот вам шаблон. Его размеры 537х240 пикселей.
Можете скачать картинку через правый клик мышкиВаша задача уместить кнопку на белом фоне. Обрезать изображение никак не нужно. Просто делаете кнопку и потом, когда вы будете вставлять её, также ничего не корректируйте. После публикации никакого серого фона не будет. Вот по этой ссылке Вы можете скачать шаблон кнопки в формате PSD. В шаблоне есть три готовых варианта кнопок. Вы их можете спокойно подкорректировать или отключив их отображение сделать что-то своё.
Если что, задавайте вопросы в комментариях. Методика авторская, так что вы будете пионерами в деле размещения таких хитрых кнопок. Теперь у вас появилась отличная возможность пиарить свои ютубовские видеоролики в ВКонтакте не приедаясь вашим друзьям и гостям одними и теми же превьюшками своего видео.
С уважением, Сергей Почечуев
Как Вконтакте сделать ссылку на группу словом
Иногда пользователи хотят оставить упоминание о своем сообществе на личной страничке, поэтому им необходимо знать, как ВКонтакте сделать ссылку на группу словом.
Внимание! Слово-ссылка — это одна из примочек ВКонтакте, которая позволяет ненавязчиво упоминать своё сообщество и осуществлять его продвижение незаметно для пользователей.
В данный момент существует два варианта использовать слова-ссылки:
- гиперссылка, скрытая в тексте;
- ссылка в разделе Работа на личной страничке.
Подробнее рассмотрим каждый из этих случаев.
Как сделать гиперссылку на группу ВК в тексте
Слово-ссылка в тексте позволяет максимально гармонично вписать упоминание о сообществе в пост, комментарий и другой контент ВКонтакте.
Справка! Прежде чем приступать к изучению процесса размещения гиперссылки в тексте, нужно узнать, что такое ID страницы в ВК и как можно его скопировать.
Итак, вот краткая инструкция по созданию слова-ссылки:
- Войти в свой аккаунт VK. Кликнуть раздел Группы и зайти в нужное сообщество.
- В адресной строке выделить и скопировать ID странички. Для этого можно использовать сочетания клавиш CTRL+C.
- Войти на главную страничку своего аккаунта.
- Опуститься вниз экрана, найти текстовое поле с фразой Что у Вас нового?
- В текстовом поле ввести значок @, а после него без пробелов вставить скопированный ранее ID. После этого поставить знак пробела и парные круглые скобки — (). Например, @club169913743 ().
- Внутри скобок указать название сообщества. Например, @club169913743 (Всё о рыбалке).
- Нажать кнопку Отправить, чтобы опубликовать ссылку на страничку.
После этого на стене появится запись, содержащая ссылку на группу.
Внимание! Если слово-ссылка является частью текста, то название сообщества внутри круглых скобок нужно окружить пробелами.
Вместе с тем, расшаренную запись, содержащую ссылку, можно закрепить. Это поможет удерживать ее наверху списка в отличие от других постов, опубликованных в ленте.
Как сделать ссылку в графе Работа
Процесс создания гиперссылки для графы Работа во многом напоминает процедуру получения галочки на сайте ВКонтакте. Инструкция для этого выглядит так:
- Войти в аккаунт ВК, открыть выпадающее меню, щелкнув по аватару в правом верхнем углу. Там выбрать пункт Редактировать.
- В навигационном меню, расположенном в правой стороне экрана выбрать раздел Карьера.
- В основном меню кликнуть по верхней строчке Место работы. В выпадающем списке выбрать нужное сообщество.
- В соответствии со своими пожеланиями заполнить остальные графы или оставить их пустыми.
- При необходимости добавить еще одно место работы с помощью соответствующей гиперссылки в нижней части экрана.
- Нажать кнопку Сохранить.
- Кликнуть по строке Моя страница в левом меню. Убедиться, что все изменения отражены в профиле с личной информацией.
Как видно, добавление ссылки на сообщество в графу Работа — это дело пары кликов. Однако эффект от такого шага сложно переоценить. Дополнительное упоминание о сообществе способствует его быстрому продвижению. Кроме того, друзья и гости странички, просматривая личную информацию, наверняка, заинтересуется, в каком же сообществе трудится владелец аккаунта. А это — стабильный источник трафика и прекрасный инструмент для формирования целевой аудитории.
Таким образом, процесс создания гиперссылок на сообщество для текста и профиля очень просты и доступны всем пользователям. В комплексе с другими инструментами такие ссылки дают большие возможности для продвижения и монетизации группы.
Как сделать кликабельную ссылку на страницу
Всем привет! Сегодня речь пойдет о том, как сделать кликабельную ссылку на страницу.
Для меня было несколько удивительно узнать, что даже «бывалые» пользователи не знают некоторых элементарных вещей. Но что-то не знать – не позорно. Позорно знать, что не знаешь, и не пытаться это исправить. Поэтому сегодня я расскажу, как сделать ссылку вида: «как», «тут», «здесь» и другую текстовую кликабельную ссылку, вместо ссылок вида: http: //адрес сайта или статьи/. Кроме этого, рассмотрю вариант, как сделать текстовую ссылку на уже имеющийся материал блога WordPress.
Немного о «правильных кликабельных» ссылках….
«Стандартная» ссылка, это не что иное, как скопированный и вставленный в текст адрес сайта. То есть в этом случае адрес сайта из адресной строки браузера копируется и вставляется «стандартным» способом – с помощью выделения и правой кнопки мыши. Такая ссылка имеет вид: http://адрес сайта/, например: http://zzarabotok. ru/ . Где символы «http» указывают браузеру, что данный адрес, адрес документа расположенного именно в интернете.
Но современные браузеры научились различать «интернет» адреса и без дополнительных символов. Поэтому сейчас для браузера неважно, скопирована ссылка из адресной строки, или я напечатал указанные символы вручную. Такая ссылка называется кликабельной. То есть после нажатия на неё браузер автоматически откроет страницу по прописанному адресу. Как правило, в текстах расположенных в сети кликабельные ссылки автоматически выделяются другим цветом, отличным от основного.
Другое дело, если напечатать адрес без «http», например: zzarabotok. ru . В этом случае не получивший «указания» браузер, воспринимает адрес как обычный текст. Такая ссылка не является кликабельной и не выделяется другим цветом. На данный момент поисковые системы научились различать в тексте и такие ссылки, но это уже из области SEO, так что дальше развивать эту тему я не буду.
Как сделать кликабельную ссылку на страницу
Браузеру без разницы куда ведёт кликабельная ссылка – на статью размещённую в интернет, на страницу в соцсети, сайт или блог. Например, для размещения в тексте ссылки на профиль в VK, нужно зайти на искомую страницу, скопировать её адрес из адресной строки браузера, вставить в текст. Такая ссылка будет иметь вид что-то вроде: http://vk. com/адрес страницы пользователя. Но такие «обычные» ссылки не всегда удобны. Если искомая статья находиться не на главной странице, а где-то в глубине сайта, ссылка на неё получается очень длинная.
Разумеется, браузер распознает ссылку и приведёт куда надо, но вот только статьи обычно «нерезиновые». Да и «эстетическая» составляющая подобной ссылки далека от совершенства. В таких случаях есть смысл сделать обычный текст кликабельной ссылкой. Ссылкой будет обычное слово в тексте при нажатии на которое браузер автоматически переместит на необходимую страницу. Например, лучший хостинг
Это делается следующим образом:
- выделяем нужное слово
- нажимаем в своем редакторе кнопку вставить/изменить ссылку
- в поле вводите ссылку по которой будет переход после нажатия
На этом всё! Удачи!
Как сделать ссылку Вконтакте на человека или группу словом
Рад вас приветствовать, дорогие друзья в очередной статье, посвященной социальной сети Вконтакте. В ней мы будем разбираться со ссылками. Вы, наверное, замечали в группах либо на отдельных страницах пользователей, в которых отдельные слова либо словосочетания являются гиперссылками на другие страницы Вконтакте.
Как делать такие фишки, мы разберемся в этой статье. Прежде чем переходить к практике хотелось бы сказать пару слов теории.
Разработчиками социальной сети Вконтакте предусмотрено делать из слов ссылки только на внутренние страницы соц. сети: группы, паблики, странички пользователей. К сожалению, на данный момент делать их на сторонние сайты невозможно.Также невозможно сделать картинку ссылкой, такое можно провернуть только со смайликом.
Для того чтобы сделать урл словом в ВК нужно воспользоваться одним небольшим простым правилом написания.
[id***|текст ссылки на страничку]
[club***|текст ссылки на группу]
[event***|текст ссылки на событие]
Вместо id странички может использоваться ее короткий адрес. Точно такие же дела обстоят и с группой, где вместо club может использоваться ее короткий адрес.
Чтобы вы поняли, о чем идет речь, давайте разберем несколько примеров
Делаем ссылку словом на страницу пользователя.
В качестве примера привожу две странички, в одной из которых используется короткий адрес, а в другой – обычный id:
На стене своей тестовой странички Вконтакте я в поле ввода пишу следующую запись:
За помощью можно обратиться к [oleg_kaminskiy|Олегу].
Если его не окажется на месте, позовете [id30654419|Аню]
Нажимаю на кнопочку «Отправить» и в итоге у меня получается вот такая запись:
В данном примере слова «Олегу» и «Аню» стали ссылками на аккаунты этих пользователей.
Делаем ссылку словом на сообщество
Тут все делается точно также, просто вместо адреса странички вводим адрес сообщества. Я, например, ввожу опять же в текстовое поле на своей странице следующую запись:
[compprofi|Компьютерная помощь] в Николаеве
Нажимаю на кнопочку «Отправить». И получаю следующий результат:
Как видим, у нас словосочетание «Компьютерная помощь» стало ссылаться на определенное сообщество.
И еще давайте я в качестве примера покажу, как сделать урл на это же сообщество в виде смайлика.
Делаем ссылку в ВК в виде смайлика
Для того чтобы такое провернуть нам нужен адрес самого сообщества и код смайлика, который мы хотим сделать.
Я в качестве примера беру смайлик с кодом 👥 и пишу опять же все на той же стене следующее:
Подпишитесь на нашу группу[compprofi|👥]
Потом я опять же нажимаю на кнопочку «Отправить» и в итоге получаю следующую красоту у себя на стене:И напоследок хочется сказать, что данные приемы широко используются для раскрутки групп Вконтакте либо каких-нибудь мероприятий ну и, конечно же, отдельных страничек.
А я жду ваших лайков и репостов. До встречи в следующих статьях!
Как сделать любой раздел интерактивным
В этом уроке я покажу вам простой и легкий способ сделать любой раздел доступным для кликов без необходимости использования других надстроек. Это руководство предназначено для тех, кто предпочел бы не использовать виджет CTA, а хотел бы, чтобы их настраиваемый раздел был доступен для кликов. Обратите внимание, что для этого вам понадобится Elementor Pro для доступа к шорткодам для шаблонов.
Моя рабочая среда
Тема: Hello Theme
Версия Elementor: Pro
Давайте начнем
Создайте свой собственный раздел и сохраните его как шаблон.
Скопируйте шорткод, связанный с этим шаблоном, и вставьте его в текстовый документ, чтобы вам не пришлось повторно посещать серверную часть для его получения.
Перейдите на страницу, на которой вы хотите разместить этот интерактивный раздел.
Активируйте конструктор и перетащите виджет HTML на страницу.
HTML-виджетДалее нам нужно добавить HTML.
ВАШ ШОРТКОД ИДЕТ ЗДЕСЬ
Приведенный выше html превратит весь ваш раздел (шорткод) в интерактивную ссылку.
Вставьте свой шорткод и не паникуйте, потому что ваш раздел не отображал именно так шорткоды работают за пределами виджета шорткода. Вы должны увидеть что-то похожее на это:
Сохраните его, и теперь ваш раздел станет интерактивным.
Совет: Для достижения наилучших результатов не забудьте удалить все отступы и поля из столбца, в котором находится ваш виджет html.
Немного дополнительного стиля
В идеале вам нужно добавить какой-нибудь эффект наведения, чтобы посетители знали, что на него можно нажимать, поэтому давайте добавим немного CSS.
a.click-me .elementor: hover {
фон: # 00000014;
переход: вся легкость 0,3 с;
}
a.click-me .elementor {
переход: вся легкость 0,3 с;
}
DemoИ вот, надеюсь, вы нашли это руководство полезным.
Наслаждайтесь 😀.
7 секретов для сумасшедших кнопок социальных сетей
Они бывают разных стилей и цветов; они бывают разных размеров, и они понадобятся вам, чтобы получить подписчиков. Хорошо, эта рифма может показаться натянутой, но я никогда не называл себя одаренным поэтом.
Когда дело доходит до кнопок публикации в социальных сетях, ваш выбор столь же богат, как и оттенки краски в Home Depot (называйте меня сумасшедшим, но «весенний луговой зеленый» и «неоновый сельдерей» мне кажутся одинаковыми).
При работе с кнопками социальных сетей нужно учитывать множество факторов: расположение, цвет, размер, формулировка и стиль. Не волнуйтесь, мы здесь, чтобы помочь вам во всем разобраться.
1. Расположение кнопок: насколько низко можно (или нужно) идти?
Когда дело доходит до позиционирования, у вас есть много-много вариантов с кнопками социальных сетей.Вы можете разместить свои кнопки социальных сетей по адресу:
- Начало сообщения. Очень часто кнопки социальных сетей размещаются в верхней части сообщений в блогах.
Некоторые оспаривают эту логику, спрашивая «поделятся ли читатели сообщением, которое они еще даже не читали?» Как ни странно, некоторые исследования не показали реальной корреляции между публикацией сообщения и его чтением. Вполне возможно, что пользователи увидят привлекательный заголовок и сразу же решат, стоит ли им делиться.Наличие кнопок социальных сетей в верхней части страницы также может служить социальным доказательством и стимулировать читателей , если у вас много репостов. Если я вижу сообщение с +1 000 репостов, это укрепляет мою уверенность в том, что эта статья потрясающая и стоит потратить время на ее прочтение.
Кнопки социальных сетей на TechCrunch
- Внизу сообщения. Еще одно популярное позиционирование, это размещение позволяет стратегически размещать кнопки социальных сетей для нажатия, когда пользователи заканчивают читать сообщение в блоге.
Крах здесь состоит в том, что размещение кнопок социальных сетей внизу ваших сообщений означает, что кнопки будут конкурировать со многими другими элементами , от комментариев до связанных сообщений. Их легко не заметить или потеряться в толпе.
В блоге Moz кнопки социальных сетей находятся внизу сообщений
- Рядный со стойкой. Некоторые блоггеры предпочитают размещать кнопки социального обмена в середине сообщения в блоге.Обычно это дополнительный элемент, который делается вместе с кнопками социальных сетей вверху или внизу поста. Это может быть разумно выполнено после предоставления особенно мощной статистики или движущейся цитаты — если определенная строка волнует читателей, их можно поощрить нажать удачно расположенную кнопку совместного использования, размещенную стратегически, чтобы захватить пользователей в самый разгар момента.
- Плавающие стержни. Еще одно популярное позиционирование — плавающие кнопки социальных сетей рядом с левым столбцом блога.Плавающие стержни не обязательно должны быть вертикальными (хотя это наиболее распространенная конструкция).
Большинство веб-сайтов не просто выбирают одну из этих позиций , а вместо этого смешивают и сопоставляют в соответствии с личными предпочтениями.
Upworthy имеет особенно уникальный дизайн, который, как я полагаю, должен им работать, поскольку социальные сети — их хлеб с маслом.
Upworthy размещает форму подписки, кнопку Twitter и комбинированное поле кнопки Facebook Share, которое находится в верхней части сообщения.
Затем, когда вы прокручиваете поле для общего доступа / подписки, на верхней панели появляется кнопка «Поделиться» в Facebook.
Кстати, для тех, кому интересно, в аде нет Санса Старк — настоящий герой Game of Thrones . Просто выложи это туда.
Некоторые общие правила размещения кнопок:
- Не размещайте кнопки социальных сетей слишком близко к панели навигации. Вы не хотите, чтобы пользователи случайно нажимали кнопку «Поделиться», когда они пытаются перейти в другое место.
- Поместите кнопки рядом с содержимым. Когда кнопки находятся дальше от контента, пользователи больше не понимают, чем они делятся.
- Кнопки остаются видимыми. Не зарывайте пуговицы там, где их никто никогда не встретит. Если вы не раздаете мини-яйца Кэдбери, это не охота за пасхальными яйцами.
2. Размер кнопки социальных сетей: чем больше, тем лучше?
Вы обнаружите, что большинство сайтов (особенно те, которые ориентированы на виральность) используют большие кнопки социальных сетей.Чем более заметны ваши кнопки публикации в социальных сетях, тем больше вероятность того, что пользователи нажмут их.
Большие кнопки могут показаться неудобными, но нельзя отрицать, что на них будут нажимать чаще, чем на более мелкие и незаметные кнопки. Как говорится, в скрипящее колесо попадает масло.
Кнопки социальных сетей от RRSSB
3. Пользовательские кнопки социальных сетей и классический дизайн
При анализе различных кнопок социальных сетей, разбросанных по сети, вы заметите, что на некоторых сайтах используется собственный оригинальный дизайн кнопок социальных сетей , в то время как другие придерживаются стандартных официальных кнопок.
У любого метода есть свои преимущества и недостатки. Настройка кнопок может помочь им выделиться. и быть немного более привлекательными, чем стандартные кнопки социальных сетей, которые мы все видели триллион и один раз. Однако, если кнопки выглядят слишком чужими и неузнаваемыми, читатели пройдут мимо них.
Давайте рассмотрим несколько примеров вариантов кнопок социальных сетей.
В этом примере вы можете видеть, что ExactTarget, блог Salesforce, содержит серые кнопки социальных сетей.Эти ненасыщенные серые оттенки идут рука об руку с дизайном сайта и придают дополнительный вид профессионализма.
Многие другие сайты изменяют стиль или форму кнопки, но будут придерживаться цветов, связанных с каждой социальной сетью, чтобы сделать их легко узнаваемыми — королевский синий для Facebook, голубой для Twitter, красный для Pinterest и т. Д.
Эти кнопки в блоге Пэта Флинна не являются стандартными кнопками, но очень близки к оригиналам.
BuzzFeed делает нечто подобное, с настраиваемым дизайном кнопок, который остается очень верным оригиналам.
Эта коллекция социальных кнопок требует большой художественной лицензии, создавая уникальные кнопки социальных сетей. Пользователи могут не решаться нажимать эти кнопки, поскольку они кажутся совершенно незнакомыми, но они также добавляют дозу оригинальности вашему сайту.
4. Слишком много кликабельных вещей: не переусердствуйте с кнопками
На первый взгляд вы можете легко предположить, что больше кнопок социальных сетей было бы лучше, поскольку они позволяют читателям легко делиться вашим сообщением в любой социальной сети, которую они пожелают.Чем больше, тем лучше, верно? Не совсем. Вот почему.
Слишком много вариантов подавляет
Парадокс выбора доказал, что мы, люди, — сборище непостоянное и нерешительное. Просто покупка хлопьев для завтрака может быть испытанием, когда мы решаем, хотим ли мы мультизерновые, шоколадные, медово-ореховые или простые Cheerios. Да, это проблема первого мира, но, тем не менее, это проблема!
На самом деле кажется, что слишком много опций может так же парализовать, как и слишком мало.
Когда пользователи не могут решить, хотят ли они поделиться вашим сообщением в Tumblr, Pinterest, Facebook, Twitter, Reddit, StumbleUpon, LinkedIn или Buffer, они могут в конечном итоге отказаться от публикации вашего сообщения вообще! О ужас!
Избыточное количество социальных кнопок также чертовски неприятно, как искусно иллюстрирует The Oatmeal .
Lots of Buttons = Social Slow Mo
Наличие слишком большого количества кнопок социальных сетей может значительно замедлить загрузку страницы. Кнопки социальных сетей используют JavaScript для связи между вашим сайтом и соответствующими сайтами социальных сетей. Больше кнопок означает больше скриптов, которые замедляют ваш сайт до улитки.
Поскольку Google использует скорость сайта в качестве сигнала ранжирования, важно сокращать количество лишних слов везде, где это возможно. Для оптимального SEO вам нужно быть таким же быстрым, как Sonic the Hedgehog.
Выбор кнопок, которые оставить, а какие выбросить
Несомненно, было больно спешить к доске объявлений «Введение в актерское мастерство» в старшей школе только для того, чтобы обнаружить, что вы не заслужили роль Пака или Оберона в постановке вашей школы «Сон в летнюю ночь» , а вместо этого должны сыграть менее чем захватывающая роль Смеющейся Феи №3. К сожалению, необходимо сделать сокращения, а кнопки в социальных сетях должны получить такое же суровое, но справедливое отношение.
Чтобы решить, какие кнопки социальных сетей стоит добавить, проверьте свою аналитику и посмотрите, какие социальные сайты вы регулярно получаете больше всего реферального трафика от .Скорее всего, это те социальные кнопки, которые вы захотите держать под рукой.
Также разумно подумать о том, какие социальные сети используют ваша целевая аудитория и какие кнопки социальных сетей обычно вызывают больше всего действий. Исследования TrackMaven показывают, что неудивительно, что учетные записи Facebook и Twitter являются наиболее активными участниками социальных сетей, так что это хороший шанс, что вы захотите оставить этих ребят при себе.
Какова цель страницы?
Обдумывая, какие (если есть) кнопки включить на различные страницы сайта, определенно уделите время тому, чтобы подумать о назначении страницы.Сообщения в блогах, основная цель которых — посещаемость и охват, вероятно, захотят включать некоторые кнопки социальных сетей.
Другое дело — страницы продуктов или страницы, ориентированные на конверсию. Когда конверсия является ключевой целью, социальных кнопок могут отвлекать пользователей и уводить их от вашей воронки .
Один пример использования Visual Website Optimizer показывает, как страница продукта увеличила конверсию на 11,9% после удаления кнопок социальных сетей .
Может ли царапина социальной кнопки увеличить ваши конверсии? Надо подумать.
5. Следует ли вести счет с помощью счетчиков долей?
Еще один элемент, который следует учитывать при создании кнопок социальных сетей, — это то, хотите ли вы включать счетчик публикаций для своих кнопок. Количество репостов может быть палкой о двух концах. — если у вас большое количество репостов, эти цифры станут социальным доказательством и укрепят уверенность в том, что ваш контент является высококачественным и заслуживающим внимания.
Однако малое количество акций может отпугнуть читателя .
вомп вомп
Если у вашего блога прочная, активная аудитория, которая любит делиться вашими материалами, продолжайте и поставьте счетчики. Если ваша аудитория не такая большая, вы можете держаться подальше от счетчиков общего доступа, по крайней мере, сейчас.
Одно гениальное решение этой маленькой головоломки может быть решено с помощью плагина общего доступа New Internet Order. Он позволяет вам установить минимальное отображаемое количество акций. Это означает, что я могу запрограммировать плагин так, чтобы он не показывал счетчик долей, пока не наберу хотя бы 50 долей.Как только я наберу 50 репостов, счетчик репостов активируется, что поможет создать социальное доказательство. Это очень милый маленький инструмент!
Когда долей больше, перед фигурной скобкой появляется номер доли.
6. Призывы к действию для кнопок социальных сетей: спросите и получите
Призывы к действиюжизненно важны для рекламы PPC, заполнения форм и даже заголовков сообщений в блогах, поэтому, естественно, их следует учитывать и для кнопок социальных сетей. Есть несколько различных подходов, которые вы можете использовать для реализации призыва к действию с помощью кнопок социальных сетей.
Вариант 1. Преобразовать кнопку общего доступа в текст
Один из вариантов — превратить всю кнопку в текст с призывом к действию. Это становится все более популярной тенденцией на сайтах, которые ограничивают свои кнопки социальных сетей несколькими ключевыми социальными сетями.
Mashable кнопки социальных сетей
Вариант 2. Добавьте текст с призывом к действию вокруг кнопок
Другой вариант — добавить текст над или вокруг кнопок социальных сетей и просто попросить пользователей поделиться им в упор.
Shareholic имеет плагин, который позволяет блогам добавлять текст с призывом к действию над кнопками, побуждая взгляд задерживаться немного дольше на кнопках общего доступа.
Иногда лучший способ получить то, что вы хотите, — это просто спросить. Было показано, что твиты с просьбой о ретвитах превосходят те, которые этого не делают — Buffer пошел дальше и показал, что включение слова «ретвит» вместо «rt» привело к увеличению количества ретвитов в 23 раза!
Добавление текста призыва к действию к кнопкам социальных сетей — определенно хорошая идея для проверки увеличения числа репостов в социальных сетях.
7. Тестирование движет миром
Существуют тысячи вариантов кнопок социальных сетей, из которых вы можете выбирать, и, к сожалению, не существует единой на 100% лучшей системы социальных кнопок, которая бы превосходила все сайты.
Вместо лучший способ выяснить, какие кнопки социальных сетей будут работать лучше всего на вашем сайте, — это протестировать. Протестируйте размеры, цвета, стили, расположение — любые варианты, которые только можно придумать! Это может показаться огромной задачей (и, честно говоря, это так), но это единственный верный способ открыть для себя идеальный дизайн социальных кнопок.Помните, все дело в акциях.
Есть ли у вас какие-либо передовые методы работы с кнопками социальных сетей или предложения? Делитесь своими мыслями и самыми глубокими, темными переживаниями в комментариях.
Как сделать интерактивное оглавление в word 2013 kitab — kitaplar
Как сделать интерактивное оглавление в word 2013 kitab — kitaplar — Как сделать интерактивное оглавление в word 2013 ile ilgili kitaplar.| йимсер бир инсан колмайан йерде к гребилир; ama ktmser biri neden hep onu sndrmeye koar? (Мишель де Сен-Пьер) [Пайла] |
| |||||||||
Как сделать плакат в Word
Зачем платить, чтобы кто-то другой сделал плакат, если вы можете сделать это сами в Microsoft Word? Мы шаг за шагом расскажем, как это сделать.
| © CreditDonkey |
Перед тем как приступить к проекту, подумайте, какого размера вы хотите сделать плакат. Одна из распространенных ошибок, которые делают люди при создании плакатов, — они делают их слишком маленькими. Плакаты большего размера привлекают внимание людей, так как текст и изображения легче заметить на расстоянии. Однако печать больших плакатов также стоит дороже. Выберите размер плаката настолько большой, насколько вы можете себе позволить напечатать (конечно, имея в виду, сколько копий вы хотите сделать).
Подумайте, чего вы хотите достичь с помощью плаката, включая сообщение, которое вы пытаетесь передать, и соберите произведения искусства, соответствующие этому сообщению. Некоторые люди предпочитают набросать общий макет плаката с помощью бумаги и карандаша, чтобы систематизировать свои мысли, в то время как другие предпочитают делать всю работу на экране компьютера.
И последний совет: часто сохраняйте проект. Вы же не хотите, чтобы компьютерный сбой разрушил работу, которую вы проделали над своим плакатом.
1.Запуск плаката
Хотя Microsoft предлагает большое количество онлайн-шаблонов через Word, Microsoft не предлагает много шаблонов бизнес-плакатов. (В предыдущих статьях мы использовали шаблоны, чтобы показать вам, как создавать бизнес-флаеры и открытки в Word.) В этом уроке мы собираемся немного поменять вещи и работать с нуля.
Начните с открытия нового окна в Word. (Если вы не видите новое окно при первом открытии Word, нажмите меню Файл , а затем Новый .)
В новом окне щелкните Пустой документ , и вы сможете начать с чистого листа.
2. Выбор размера плаката
Для плаката нам нужен документ большего размера, чем обычно. Имейте в виду, что некоторые домашние принтеры не могут обрабатывать большую бумагу, поэтому вам может потребоваться отправить этот плакат в другое место для печати (или использовать документ меньшего размера).
Чтобы изменить размер документа,
Щелкните меню Макет и выберите Размер .
Мы собираемся использовать документ размером 11 на 17 дюймов, потому что у нас есть фотопринтер, который может справиться с этим размером. Если вам нужен больший размер, прокрутите меню до конца и выберите Дополнительные размеры бумаги .
Вы можете сделать свой плакат любого размера. Просто убедитесь, что ваш профессиональный принтер может работать с любым выбранным вами размером и поддерживает бумагу нужного размера.
Затем мы хотим создать плакат с горизонтальным выравниванием . Мы снова нажимаем Layout Menu , а затем Orientation .Затем нажимаем Пейзаж .
3. Добавьте заголовок
Щелкните меню «Вставка» , за которым следует текстовое поле или Word Art , чтобы выбрать стиль шрифта, который вы хотите использовать с заголовком.
Важно использовать крупный и точный заголовок, чтобы привлечь внимание людей, которые видят ваш плакат.
Кроме того, важно создавать отдельные текстовые поля для любых текстовых группировок, которые вы хотите использовать.Это позволяет перетаскивать эти поля в любое место в документе Word. Не начинайте печатать с курсора в верхнем левом углу, иначе вы потеряете контроль над макетом. Используйте меню «Вставка » и размещайте текстовые поля или текстовые изображения.
4. Отрегулируйте размер, шрифт и ориентацию текста
Создав текстовое поле или заголовок Word Art, выделите его, чтобы настроить размер и ориентацию. (Когда текст будет выделен, он будет на сером фоне.)
Теперь нажмите Главное меню и выберите стиль и размер шрифта, которые вы хотите использовать.
Думайте масштабно с размером шрифта, так как вы хотите, чтобы клиенты легко видели и читали заголовок плаката на расстоянии (этот заголовок — то, как вы привлекаете внимание).
Вы также можете выбрать другой размер шрифта для различных букв или слов в заголовке. Просто выделите букву или слово, которое вы хотите изменить, и выберите новый размер текста. Вы также можете изменить цвет и выравнивание текста в главном меню.
Чтобы изменить ориентацию текста, выделите его. Вы увидите рамку вокруг нее с точками по углам и по бокам. Вы можете перетащить эти точки, чтобы изменить размер текстового поля. Чтобы изменить местоположение, просто поместите курсор над границей текстового поля. Затем щелкните и удерживайте, чтобы перетащить его в новое место. Мы перетащили наше первое текстовое поле в нижний левый угол плаката.
С помощью этих команд вы можете добавить столько текстовых полей, сколько хотите. Мы решили создать два заголовка: один в верхней части плаката, а другой в правом нижнем углу.
5. Добавление арт-объекта
По умолчанию Word поместит арт-объект в левый верхний угол документа . К сожалению, вы не можете сильно изменить это положение. Вы можете немного переместить искусство вниз по странице, поместив курсор в левый верхний угол и несколько раз нажав Enter перед вставкой фотографии, что мы и сделали. Затем мы могли бы перетащить текстовое поле на пустое место над иллюстрацией.
Поместив курсор в нужное место, нажмите Вставить меню и нажмите Изображения . Затем выберите изображение, которое вы хотите использовать, на жестком диске вашего компьютера.
Чтобы изменить размер фотографии, щелкните по ней и перетащите точки, появляющиеся на границе. Как и в случае с текстом, мыслите масштабно и здесь. Художественный образ должен доминировать над вниманием зрителя.
6. Добавление дополнительного текста
Используйте меньший текст в новом текстовом поле, чтобы немного подробнее рассказать о вашем мероприятии.Этот текст не обязательно должен привлекать внимание зрителя, потому что, надеюсь, более крупный текст и искусство уже заставили их заметить плакат, и теперь они подходят ближе, чтобы узнать больше.
Нажмите Вставить и Текстовое поле , чтобы добавить дополнительный текст. Вы можете перетащить границу текстового поля, чтобы поместить его в нужное место, и перетащите точки, чтобы изменить его размер.
Затем выделите образец текста в поле и повторно введите сообщение, которое хотите использовать. Как обсуждалось ранее, выделите любой текст, чтобы изменить его размер или выбрать новый шрифт.Мы решили выделить несколько слов внутри второстепенного текста жирным ударением.
По умолчанию текстовое поле будет иметь видимый черный контур. Чтобы удалить этот контур, щелкните правой кнопкой мыши границу текстового поля и щелкните левой кнопкой мыши на Outline в правом верхнем углу всплывающего меню. Затем нажмите Без структуры . (Или, если вам нужна более толстая рамка, вы также можете сделать это в меню Outline.)
7. Добавление логотипа
Мы хотим добавить логотип в нижнюю часть плаката.У нас нет логотипа, поэтому мы собираемся создать простой и быстрый логотип.
Щелкните Вставьте фигуры и , а затем фигуру, которую хотите использовать. С помощью курсора в форме плюса на экране щелкните и перетащите курсор, чтобы создать форму. Создав форму, вы можете изменить ее размер, щелкнув по ней и перетащив границы.
Вы можете изменить цвет фигуры, выделив ее и щелкнув правой кнопкой мыши. Затем щелкните левой кнопкой мыши на Fill Menu и выберите новый цвет.Таким же образом вы можете внести другие изменения в форму.
Затем мы добавим инициалы нашей компании внутри логотипа с помощью текстового поля.
8. Добавление цветного фона
Наконец, мы хотим добавить цветной фон за второстепенным текстом, просто чтобы придать ему больше внимания и внимания.
Щелкните меню вставки и Фигуры . Затем мы щелкнули по форме прямоугольника.Поместив курсор в форме плюса на экран, перетащите его, чтобы создать прямоугольник.
Цветное поле теперь закрывает наш вторичный текст, но мы можем отредактировать его, чтобы он работал лучше.
Сначала изменим цвет. Щелкните правой кнопкой мыши границу цветового поля и щелкните левой кнопкой мыши меню заливки в верхней части всплывающего меню. Затем выберите цвет, который хотите использовать для коробки. Мы выбрали бледно-синий цвет, чтобы черный текст хорошо отображался.
Далее нам нужно убедиться, что текст виден.Щелкните правой кнопкой мыши на границе цветного поля, а затем левой кнопкой мыши на На задний план . В появившемся дополнительном всплывающем меню щелкните.
Область за текстовым полем теперь может отображаться как белое поле, которое покрывает большую часть бледно-голубого цвета, но мы также можем это исправить. Выделите текст. Затем щелкните правой кнопкой мыши границу текстового поля и щелкните левой кнопкой мыши на Заливка . (Убедитесь, что вы нажимаете на границу текстового поля, а не на цветную границу поля.) Затем нажмите Без заливки .
Итог
После того, как вы закончите свой плакат и пару раз вычитаете его, мы рекомендуем отложить его на несколько часов, а затем вернуться к нему. Вы можете обнаружить ошибку, взглянув на нее свежим взглядом, или можете решить сформулировать что-то немного по-другому. Убедитесь, что внимание привлекают самые большие области текста и рисунков.
Еще одна умная идея с плакатом — расширить его до размера всего экрана компьютера. Затем сделайте шаг назад на несколько футов и посмотрите на плакат.Привлекают ли ваше внимание нужные области?
После того, как вы закончили свои настройки и окончательно отредактировали его, вы готовы к печати плаката. Если вы собираетесь напечатать плакат на профессиональном принтере, мы рекомендуем поискать цитаты, особенно если вы ищете только несколько отпечатков. Расценки на небольшие тиражи могут немного отличаться.