Как сделать меню в группе в ВК и красиво оформить • ЭРА ТЕХНОЛОГИЙ
Как сделать меню в группе вк, чтобы сообщество стало удобным и визуально привлекательным? Найти сходу нужную информацию среди большого количества публикаций пользователю сложно, и путеводитель окажется весьма кстати.
Создать меню в группе Вконтакте можно несколькими способами:
- при помощи Photoshop
- использовать конструктор
- ограничиться перечнем разделов без изображений
- обратиться к специалисту.
Самый простой вариант прибегнуть к услугам профессионала. Подробно описать свои желания и спокойно ждать результата. Если же хочется делать меню в группе вк самостоятельно, придётся потратить время на изучение материала.
Как создать меню в группе вк, чтобы цепляло с первого взгляда?
В группе Вконтакте сделать кликабельное меню аппетитным проще всего при помощи конструктора.
Конструкторы
Существуют как платные, так и бесплатные версии. Вам предложат шаблон, разные варианты фона, цвета клавиш, а также изменить шрифт. Это может выглядеть примерно так:
- Можно загрузить иллюстрации со своего компьютера.
- Последовательно выбираем все пункты, корректируя в процессе по своему усмотрению.
Для примера ниже Вы найдете ссылки на несколько подобных сервисов.
Бесплатный конструктор Вы найдёте на https://вкменю.рф.
Платные: https://vkmenu.ru, https://www.vkprofi.ru. Создать неповторимый стиль без специальных знаний вики разметки поможет сервис https://wikiposter.net. Приложения отличаются между собой, но имеют подробную инструкцию, так что запутаться практически нереально, даже новичку.
Гораздо сложнее сделать меню в группе ВКонтакте, задействовав графический редактор.
Photoshop
- Открываем нужное изображение в программе.
- Размер миниатюры не должен превышать 600 пикселей по ширине.
- Проверяем, исправляем, если нужно.
- Инструментом «Раскройка» нарезаем фото на кнопки
- Сохраняем для WEB
- Переходим VK, включаем «Материалы», ограничиваем доступ, сохраняем, меняем название — всё, как в варианте без графики.
- Далее добавляем нарезанные фрагменты, нажимая значок фотокамеры
- Перед нами появляется код, он потребует доработки.
- Переносим ссылки в столбик и добавляем в каждую строчку тег nopadding (через точку с запятой), чтобы убрать пробелы. Пример: [photo31165052_426031462|204x141pxnobordernopadding|topic-35158179_34009350]][[
- Если на данном этапе всё корректно (убеждаемся в Предпросмотре), сохраняем и возвращаемся на страницу.
Поговорим об идеологии
Прежде чем начать что-либо рисовать и верстать, важно подумать, о чем должно говорить ваше меню? Чтобы понять это, стоит определиться также и с основной целью группы – развлекать, информировать или продавать. От этого во многом зависит внешний вид и функциональность будущего меню.
Меню для привлечения посетителей
Если вы планируете публиковать развлекательный, информационный, познавательный контент стоит создать меню, которое будет отображать главные темы. Например, это могут быть разделы: последние публикации, самое популярное, о моде, здоровая еда, дети и др. Это будет служить повышению лояльности, ведь пользователям будет удобно ориентироваться в массе контента.
Меню для продаж
Напротив, если цель у страницы продавать, меню должно помогать пользователям ориентироваться среди огромного количества товаров. Лучше всего поместить в него разделы, которые направляют посетителя в каталог либо конкретную его часть, говорят о доставке, контактах, компании, акциях и обязательно на страницу контактов.
Закрепляем меню
В завершении статьи мы расскажем как закрепить меню в группе Вконтакте. Снова несколько простых шагов:
- Создаём на стене новую запись, в которой прописываем ссылку на меню (копируем в адресной строке).
- После того, как наш образец появится внизу, ссылку можно будет удалить.
- Используя значок фотокамеры, прикрепляем заранее выбранный баннер.
- Публикуем и жмём «Закрепить».
Итак, пожалуй, мы всё рассказали про то как сделать меню в группе Вконтакте в 2021 году после недавних нововведений.
Wiki-разметка готового меню в «Вконтакте».
Первым делом, надо загрузить фотографию группы или аватарку, нажав на одноименную ссылку и выбрав необходимый нам файл.
Затем обязательно проделываем следующую последовательность действий. Заходим в «Управление сообществом» и в пункте «Разделы» напротив кнопки «Материалы» выбираем «Ограниченные».
Сделать это необходимо, чтобы пользователи и участники группы не могли изменять и/или редактировать дополнительные позиции, в том числе и меню.
После проделанной операции загружаем наши нарезанные картинки в альбом сообщества.
Переходим в раздел «Свежие новости», выбираем «Редактировать» и попадаем в меню редактора.
Чтобы убыстрить процесс, воспользуемся клавишей «Фотоаппарат» и нажмем «Выбрать из фотографий сообщества».
После добавления снова попадаем в меню редактора и нажимаем клавишу «<>», в которой произведем дальнейшее редактирование. Также сразу переименовываем раздел и вместо «Свежие новости» пишем в нашем случае «МЕНЮ ГРУППЫ».
Общая структура каждой нарезанной части выглядит следующим образом в разметке — [[photo-id|XxYpx|www.site.ru ]], где:
- id – идентификатор (номер) картинки, которую вы загрузили;
- X и Y – размер изображения по горизонтали и вертикали в пикселях;
- www.site.ru – ссылка, ведущая на необходимый блок группы (например, «Обсуждения») или прямо на нужный раздел вашего сайта иди другого веб-ресурса.
Глядя на шаблон, редактируем нашу wiki-разметку и периодически заходим в раздел «Предпросмотр», в которой визуально отображаются внесенные нами изменения.
Сразу все картинки необходимо закрыть тегом (а не как стоит изначально по умолчанию, каждое изображение)
… , который автоматически размещает все части меню по центру страницы!
Так как тег, центрирующий изображение, мы уже оставили один, то, чтобы избавиться от «неприятных» расстояний между частями общего изображения, следует вставить тег «nopadding» следующим образом: [[photo454997239_456239045|400x86px; nopadding| ]]
Вот что получается в итоге.
Не забываем нажать кнопку «Сохранить».
Теперь следует нажать на вкладку «МЕНЮ ГРУППЫ», потом «редактировать».
!Важно! Чтобы скопировать необходимый адрес, нажимаем в нашем варианте на «МЕНЮ ГРУППЫ» и копируем оттуда «правильную ссылку».
Переходим на главную страницу, нажимаем «Добавить запись». Не забываем сразу же поменять автора записи!
В поле редактора вставляем ссылку, которую мы скопировали ранее. Затем нажимаем на «фотограф» и добавляем изображение, которое мы приготовили заранее (с кнопкой «открыть меню»).
После того, как вставили ссылку в запись, и она отобразилась в виде прямоугольника снизу, можно ее удалить из записи. Осталось нажать кнопку «Отправить».
Нажимаем на «многоточие» справа от записи и кликаем по вкладке «Закрепить».
После этого обновляем страницу и наслаждаемся получившимся результатом, который выглядит следующим образом:
При нажатии на «Открыть меню».
Как видите, сделать меню в социальной сети «Вконтакте» достаточно легко и просто. Достаточно иметь легкий уровень знаний пользования «Фотошопом» и wiki-разметки. Чем лучше и понятливее дизайн, тем охотнее и чаще будет потенциальный пользователь приходить и возвращаться в вашу группу.
Если вы хотите действительно уникальный и потрясающий дизайн группы с соблюдением фирменной стилистики и сопутствующих элементов, то обратитесь к профессиональному дизайнеру, а можете и сами перед этим опробовать размах своих талантов. Удачи вам во всех ваших начинаниях!
smm
Что такое меню ВКонтакте и для чего оно нужно?
Меню – это лицо группы. Первое на что наталкивается любой посетитель вашего сообщества это меню. Поэтому ваша задача продумать его максимально удобно и привлекательно. Во-первых, вы должны определиться с тем, что вы именно хотите донести своим подписчикам. Это зависит от миссии самого сообщества. Ведь бывают совершенно разные цели создания группы: познавательная, развлекательная или же цель продать товар/услугу. Отталкиваясь от этого, решите, какая информация наиболее важна для ваших будущих подписчиков.
Например, если сообщество ориентировано на развлечение пользователей или информировании их о чем либо, то возможно сфокусируйтесь на удобстве поиска нужной им информации. Это касается групп, где контент можно поделить на отдельные темы, например, здоровье, мода и т.д.
Если же ваше сообщество создано в виде интернет-магазина, то подход должен быть совершенно иным. Удобство поиска товаров или услуг конечно должно присутствовать, но также сделайте упор на акции, новинки, условия доставки, а также ваши контакты.
Поэтому обязательно учитывайте тематику сообщества при создании меню.
Создание графического меню
Чтобы создать красивое меню потребуются базовые навыки обращения с графическим редактором. В данном примере работа будет построена на программе PhotoShop. Если опыта нет – можно четко следовать инструкции и использовать представленные параметры.
Как сделать дизайн графического меню:
- Через поисковую систему отыскать изображение, которое послужит фоном для текста. Его размеры не должны быть меньше, чем 610х450 px.
- Запустить PhotoShop.
- Открыть меню «Файл» и кликнуть по строке «Создать».
- Указать размеры холста (610х450 px) и разрешение (100px). Остальные параметры оставить прежними. Кликнуть «Создать».
- Открыть проводник Windows, найти загруженное изображение и перетащить его в окно программы.
- Растянуть картинку до размеров холста и нажать Enter.
- Открыть меню отображения слоев. Кликнуть правой кнопкой мыши по одному из них, после чего выбрать пункт «Объединить видимые».
- В панели инструментов, расположенной в левой части окна, выбрать «Прямоугольник». Начертить объект, который в будущем будет играть роль кнопки меню. Таких объектов нужно создать в количестве разделов. Важно чтобы «прямоугольники» были одинаковыми.
- В списке отображения слоев, выбрать слой с прямоугольником. Нажать ПКМ и кликнуть по строке «Параметры наложения». Затем изменить внешний вид слоя, используя представленные в открывшемся списке инструменты.
- Когда все прямоугольники настроены, следует активировать инструмент «Текст». После включения потребуется отчертить область текста и вписать туда название пункта меню. Операция повторяется для остальных строк. Размер текста и его стиль выбирается исходя из личных предпочтений. Главное – чтобы надпись помещалась в отмеченное место.
- В боковом меню выбрать инструмент «Раскройка».
- Выделить кнопки, учитывая высоту всего холста.
- Теперь осталось сохранить элементы будущего меню. Для этого: открыть «Файл» и выбрать «Сохранить для web».
- Указать место на диске компьютера.
После того как удалось создать картинку для каждого пункта меню, можно приступать к непосредственной публикации:
- Открыть wiki-страницу и перейти в режим редактирования, как указано ранее.
- На панели инструментов нажать на иконку фотоаппарата и выбрать загрузку с диска.
- Указать созданные ранее картинки.
- Дождаться их загрузки на сервер. Когда это произойдет, в поле будет вставлен код.
- Отредактировать код следующим образом: Установить ширину картинки 600px.
- После размеров изображения добавить «;» и вставить параметр «nopadding|». Благодаря нему будут удалены разрывы между картинками, что создать видимость цельного изображения.
- После вертикальной черточки «|» вставить ссылки на разделы группы.
Справка. Непосредственно на панели инструментов находится значок «i», который открывает инструкцию по разметке wiki-страницы. Там можно найти пояснения по созданию различных эффектов текста и списков, вставке цитат и т.д.
Подведем итоги. Если есть сложности в понимании принципов работы с разметкой wiki-страницы, то лучше создать ссылки, попросту заменив нужные участки кода. Графическое меню выглядит более привлекательно, но требует познаний, как в работе редактора кода, так и графической программы. Для начала рекомендуется создать простое меню, а дальше попытаться его улучшить в соответствии с представленными в статье инструкциями.
Похожие записи
Серьезные проблемы ВКонтакте. Что случилось
Как скрыть видео в ВК от посторонних
ВКонтакте пытались отстоять законные права пользователя. Не получилось
Как же сделать обложку?
- Сделать самому (в фотошопе или канве, например)
- заказать на фрилансе
А вообще в сервисе Canva такие картиночки создаются очень легко. Инструкция примерно такая:
- Зарегистрироваться в сервисе Canva.
- Нажать создать дизайн и выбрать размер 376×256.
- Выбрать фон.
- Загрузить какую-нибудь тематическую картинку (по желанию).
- Написать заголовок (по желанию)
- Сохранить. Получаются вполне симпатичные картинки
- Загрузить в обложку элемента меню
Создание текстового меню в ВК
Данная инструкция описывает процесс создания простого текстового меню. Оно не пользуется особенной популярностью среди SMM-специалистов, но отлично подходит для того, чтобы детально разобраться в самом механизме.
- В текстовом поле в столбик написать список пунктов будущего меню.
- Каждый пункт заключить в квадратные скобки. Например, [О компании].
- В начале каждой строчки поставить знак «Звездочка». Например, *[О компании].
- Перед названием каждого пункта меню поставить значок «Вертикальная прямая». Например, *[|О компании].
- Между открывающейся квадратной скобкой и вертикальной чертой прописать ссылку на страницу, куда будет перенаправлен юзер. Например, [https://vk.com/club169913743|О компании].
- В нижней части экрана нажать на кнопку «Сохранить страницу».
- Для того чтобы ознакомиться с полученным результатом, можно кликнуть по вкладке «Просмотр». При необходимости в меню можно вносить изменения, пока оно не приобретет желаемый вид.
Рекомендуем: Как посмотреть закрытую группу Вконтакте
Таким образом, процесс создания текстового меню максимально прост. С ним справится любой человек, вне зависимости от опыта и уровня подготовки.
Инструкция по созданию
Перейти в настройки можно двумя способами:
- В самом меню в правом верхнем углу кликните на «Настроить».
- Через управление → настройки → menu
Итак, как попасть в окно редактирования мы разобрались:
Инструкция по настройке элементов:
- Нажмите на плюсик.
- Заполните поля, согласно требованиям (ссылка внутри ВК, название до 20 символов) и сохраните.
- По тому же алгоритму создаем еще до 7 элементов.
Как видите, всё предельно просто.
Есть еще один нюанс про приложения сообщества. После установки приложения в меню появляется ссылка на него со стандартным названием и обложкой. А она часто нам и посетителям совсем не нужна.
Как редактировать такие объекты:
- Напротив редактируемого элемента нажмите «изменить»
- при желании измените картинку и название
- если хотите скрыть этот элемент от посетителей группы, то поставьте галочку.
И, по-моему, остался один не освещенный вопрос:
Как сокращать ссылки ВКонтакте
Длинные и некрасивые ссылки занимают много места даже в небольшой записи, превращая полезное пространство в длинную кнопку. Особенно это касается кириллицы, которая очень часто заменяется набором непонятных знаков и имеет длину в несколько сотен символов. Особенно полезными короткие ссылки будут в вики-разметке — их маленький размер не позволит потеряться в коде.
Адреса, которые имеют в своем названии буквы VK, на подсознательном уровне вызывают доверие у пользователей, короткая ссылка выглядит очень аккуратно и лаконично, что добавит компактности любой записи или сообщению.
Сокращаем любую ссылку с помощью ВКонтакте
Никаких сторонних сервисов и программ использовать не нужно — новый сервис от самого ВКонтакте в несколько кликов позволяет до приличных размеров уменьшить любой веб-адрес. При этом, никаких ограничений не подразумевается.
- Нужно перейти на страницу vk.com/cc или vk.cc (подходит любая, они ведут на страницу с одинаковым функционалом). Открывается сокращатель ссылок ВКонтакте.
- В отдельной вкладке нужно открыть страницу, на которую необходимо сделать короткую ссылку. Выделяем полностью весь адрес и копируем в буфер обмена.
- Возвращаемся на страницы сокращателя и в предложенное поле вставляем только что скопированную ссылку, после чего нажимаем на большую кнопку «Получить короткий вариант ссылки». Сразу под кнопкой появится короткий и привлекательный веб-адрес.
- Теперь этот короткий адрес можно использовать в записях и отправлять друзьям.
Наглядный пример: ссылка https://lumpics.ru/how-to-write-to-myself-vkontakte/ была сокращена до vk.cc/6aaaPe. Попробуйте перейти по ним — они ведут на одну и ту же страницу.
Преимущество очевидно — вместо длинной ссылки, которая занимает очень много места, появляется красивый коротенький адрес, который смотрится аккуратно в любом месте. Неоспоримым преимуществом является замена большого количества непонятных символов на удобочитаемую кириллицу (очень насущная проблема для статей на Википедии). Кстати, ссылки при экспортировании записи на Фейсбук или Твиттер сокращаются именно через этот сервис.
Мы рады, что смогли помочь Вам в решении проблемы.Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТПоделиться статьей в социальных сетях:
Как вставить ссылку-анкор на внешний сайт во ВКонтакте
ПЕРВЫЙ ЭТАП — СОЗДАНИЕ ВИКИ-СТРАНИЦЫ
Чтобы создать собственную wiki-страницу необходимо сформировать ссылку для неё такого вида: http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы
где XXX — ID Вашей публичной страницы, а «Название_страницы» — любое слово или предложение, которым будет названа ваша вики-страница. Обратите внимание, название страницы отредактировать потом будет невозможно! Поэтому, заранее продумайте название, чтобы потом не пришлось создавать новую.
Чтобы узнать ID Вашего паблика, зайдите в «Статистику страницы». У вас в адресной строке откроется адрес типа: https://vk.com/stats?gid=81646853 — последние цифры в адресе «81646853» — это и есть ID Вашего паблика.
Итак, ссылка уже готова, теперь вставьте её в адресную строку браузера и нажмите Enter.
ВТОРОЙ ЭТАП — СОЗДАНИЕ ЗАПИСИ НА ВИКИ-СТРАНИЦЕ
Здесь во вкладке «Наполнить содержанием» добавляем нужный вам текст. Затем формируем ссылку-анкор: выделите нужный текст и на панели инструментов нажмите на «Добавить ссылку». Там выберите «Внешняя ссылка» и в нижнем поле укажите ее.
Ну вот, запись на вики-странице готова. Для того, чтобы её вставить в текст поста на вашей странице во ВКонтакте или на странице в группе нужно скопировать ссылку вики-страницы из адресной строки, убрав лишние знаки на конце после цифр. Оставить только выделенное на картинке:
Вот так будет выглядеть ссылка на вашу wiki-страницу:
Не забудьте на своей вики-странице нажать в правом нижнем углу «Доступ к странице» и в разделе «Кто может редактировать эту страницу» выставить «Только редакторы и администраторы». В противном случае, подписчики не упустят случая «подкорректировать» вашу запись.
КАК СДЕЛАТЬ ССЫЛКУ НА ВНЕШНИЙ САЙТ ИЗ ВКОНТАКТЕ КАРТИНКОЙ
Для этого понадобится красивая картинка, которая призывает людей на нее нажать. Загрузите ее в вики-страницу с помощью «Добавить фотографию».
Откройте фото в режиме wiki-разметки, кликнув на стрелочки вверху «<>«: [[photo139842487_397175054|400x300px;noborder| ]] Добавьте между прямым флешем и закрывающимися скобками вашу ссылку:
[[photo5001585_364509437|400x329px;noborder|http://frilayn.ru/]]
Нажмите на «Сохранить страницу» и перейдите во вкладку «Просмотр». Вы увидите картинку, а если кликните её мышкой, то перейдёте на внешний сайт, который указывали.
Для публикации wiki-страницы в группе достаточно вставить ссылку на неё в поле для написания записи — страница сама прикрепится. После этого ссылку из текста можно убирать — страница всё равно останется прикреплённой. Если к посту прикреплена вики-страница и изображение, то при клике на картинку открывается вики-страница.
Как ставить ссылки в постах ВКонтакте
Автор Анна Апрельская На чтение 5 мин. Опубликовано
В интернете принято оформлять большинство ссылок в виде текста, чтобы это смотрелось красиво и не отвлекало читателей от информации. Но немногие знают, как ставить ссылки в постах Вконтакте правильно. В основном это просто ссылка или текст, а уже в скобках рядом ссылка. Это выглядит не очень эстетично и делает сообщение перегруженным.
Как ставить ссылки в постах ВКонтакте
Умение ставить ссылки ВК пригодится во многих случаях, к примеру:
- Ставить красивую ссылку для продвижения своего сообщества
- Писать в конце рекламного поста «читайте далее…»
- Если обратиться таким образом к человеку, ваша запись отобразится в разделе «Ответы» — так вы можете привлечь внимание к своей рекламе.
Есть одно небольшое ограничение: можно вставлять текстом только внутренние ссылки (на страницу пользователя, группу, приложение, мероприятие). Но и для внешних тоже есть способы, чтобы сделать ссылку красивее или скрыть текстом/картинкой.
1. Использовать звездочку — *
Такой метод работает только для тех групп и людей, в которые вы вступили или с кем дружите. Тогда просто нажмите * и без пробела начинайте вводить имя или название сообщества/мероприятия. Появится список, из которого вы сможете мышкой выбрать нужный вариант.
2. Вики-разметка
Второй способ сделать ссылку вконтакте словом связан с вики-разметкой. Он подходит для тех друзей и групп, с которыми у вас нет связи. Но это не сильно затруднит работу, просто используйте формулу:
[id123456|Анна Апрельская] – первые цифры это id со странички пользователя, можно посмотреть в адресной строке. Через прямой флеш укажите слово, которое хотите использовать как анкор.
Таким же образом делается ссылка в постах ВКонтакте на группу/паблик/встречу.
Зайдите на страницу и в адресной строке посмотрите обозначение (группа – club, публичная страница – public, мероприятие – event) и id сообщества:
[club123456|Текст ссылки]
[public123456|Текст ссылки]
[event123456|Текст ссылки]
Либо есть другой вариант написания: знак @ без пробела обозначение сообщества и его id.
@club123456 (Текст ссылки)
@public123456 (Текст ссылки)
@event123456 (Текст ссылки)
Если вместо id будет стоять другое слово (к примеру, http://vk.com/web_bissnes), берем последнюю часть и подставляем в первую часть нашей «формулы»: @web_bissnes (Текст ссылки).
Но такие способы не сработают на внешних ссылках, для этого используйте другие методы:
Ссылка на внешний сайт из вконтакте
Для начала: можно сокращать ссылки, удаляя громоздкое http://www и оставляя просто сайт.ру. В таком виде ссылка будет кликабельной, а выглядит она красиво и не отпугивает читателей своим видом.
Если нужно вставить громадную ссылку, которая некрасиво выглядит в тексте, можно воспользоваться сервисом вконтакте для сокращения ссылок vk.com/cc – получится аккуратная ссылочка (vk.cc/MglKp).
Внешняя ссылка вконтакте
Если в тексте всего одна ссылка, можно вставить ее в текст, и она отобразится под запись. После этого, даже если вы ее удалите из текста, читатели смогут нажать на ссылку под постом и перейти на нужный сайт.
Но этот вариант выглядит не так красиво, как →
Ссылка на внешний сайт из вконтакте текстом
Но можно спрятать внешнюю ссылку вконтакте под текст, но только на вики-странице сообщества. Краткая пошаговая инструкция:
1. Создать вики-страницу:
http://vk.com/pages?oid=-IDГРУППЫ&p= Название_страницы
IDГРУППЫ – цифры вашей страницы, если не знаете, можно посмотреть нажав на стене «100500 записей» и в адресной строке увидите id вашей группы: 45839957
Название_страницы будет отображаться под записью, так что давайте осмысленное имя.
2. Нажмите «Наполнить содержанием» и напишите нужный текст.
3. Вставляем ссылку: выделите нужный текст и на панели инструментов нажмите на «Добавить ссылку». Там выберите Внешняя ссылка и в нижнем поле укажите ее.
Либо можно вручную написать: [адрес|текст ссылки]
К примеру, [https://яработаюдома.рф|Кликни сюда]
4. Скопируйте ссылку страницы из адресной строки.
5. Напишите привлекательный текст, чтобы привлечь внимание читателей к вашей вики-страничке. Вставьте ссылку на нее – она не будет отображаться в тексте, а просто прикрепится снизу в виде кнопки Просмотреть.
Ссылка на внешний сайт из вконтакте картинкой
Но намного красивей и оригинальней выглядит внешняя ссылка в виде картинки. Для этого понадобится красивая картинка, которая призывает людей на нее нажать.
1. Загрузите ее в вики-страницу с помощью «Добавить фотографию».
2. Когда она появится в виде
[[photo5001585_364509437|400x300px;noborder| ]]
добавьте между прямым флешом и закрывающимися скобками вашу ссылку:
[[photo5001585_364509437|400x329px;noborder|https://яработаюдома.рф]]
3. Нажмите на Сохранить страницу и перейдите во вкладку Просмотр. Тут мы видим очаровательного котенка, а если поможем ему нажать на кпопку — перейдем на сайт.
Но лучше не использовать такие «обманки», потому что люди могут жаловаться и администрация примет меры. Достаточно написать куда перейдет человек, нажав на картинку, чтобы все были счастливы)
4. Вставляйте ссылку, как и в предыдущем случае.
Это все основные способы как ставить ссылки в постах ВКонтакте, которые вы можете использовать. Если вы знаете другие или у вас возникнут вопросы, пишите в комментариях!
Анна Апрельская.
Короткая ссылка. Способ №1- Вконтакте.
Автор Юлия Литвина На чтение 3 мин Просмотров 8.2к. Опубликовано Обновлено
Здравствуйте. Это статьей я открываю цикл публикаций по работе с партнерскими ссылками. Последовательно, один за другим, мы рассмотрим все способы сокращения партнерских ссылок, от простых до самых сложных. И начнем с самого простого, но от этого не менее эффективного способа— это Короткая ссылка. Способ №1- Вконтакте.. Какие темы раскрою сегодня:
- Зачем нужно сокращать партнерскую ссылку;
- Сокращение партнерских ссылок через сервис Вконтакте.
Зачем нужно сокращать партнерскую ссылку:
Если вы занимаетесь партнерским маркетингом, то скорее всего уже сталкивались с такими проблемами (Вернее задачами😜)
1. Вконтакте или другие социальные сети “блокируют” партнерскую ссылку.
Есть два варианта блокировки:
- невозможно сделать публикацию с партнерской ссылкой;
- ссылку вроде бы и пропустили, но однако при переходе по ней в новом окне появляется надпись “Переход на подозрительный сайт”. См. скриншот:
И тут не важно, какая именно блокировка появилась, потому что обе не дают возможности получать переходы по ссылке и конечно продаж не будет. А ведь именно работа в социальных сетях является основой заработка новичков. (Причиной блокировки домена в большинстве случаев является недобросовестная работа партнеров, которые используют СПАМ методы для продвижения).
2. Ссылка имеет непривлекательный вид.
Например:
- если в адресе используются специальные символы, которые чаще всего неадекватно распознаются различными сайтами;
- или если ссылка на адрес слишком длинная и будет малоприятно выглядеть в записи в полном размере;
- или если ссылка слишком длинная и занимает всю область публикации.
Сокращение партнерских ссылок через сервис Вконтакте.
Для того, чтобы ссылка имела короткий и привлекательный вид нужно использовать сокращение ссылок через Вконтакте, этот же сервис может помочь и в случае с блокировками. И это самый простой способ, который не требует своего хостинга и домена.
Как сократить партнерскую ссылку через Вконтакте по шагам.
Шаг №1. Зайти в кабинет партнера. Зайти в раздел “Мои ссылки”. Выбрать продукт. Скопировать партнерскую ссылку. См. скриншот.
Шаг №2. Пройти по ссылке: https://vk.com/cc Вставить партнерскую ссылку в поле “Ссылка, которую вы хотите сократить”. Поставить галочку “Статистика ссылки видна только Вам”. И нажать “Сократить”. См. скриншот.
Обратите внимание, что вам доступна статистика по всем сокращенным партнерским ссылкам:
Резюме.
- Используйте сервис сокращения ссылок Вконтакте, придавая ссылкам привлекательный короткий вид и избегая блокировок. Вот ссылка на сервис, сохраните в закладках: https://vk.com/cc.
- И помните о том, что можете задать любой вопрос и получить помощь👌.
- Буду рада вашим комментариям😊
Как сделать ссылку на репост записи в ВК
Наверняка каждый из вас принимал участие в конкурсах в социальной сети ВКонтакте, условием которых было сделать репост записи сообщества и написать ссылку на свой репост в специальной теме, или прислать организатору конкурса. Так вот, в этой статье хочу поговорить о том, как правильно делать эту самую ссылку, что бы она и выглядела красиво и тот, кто проводит конкурс, сразу нашел ваш репост среди остальных записей на вашей стене.
Два способа как сделать ссылку на репост записи в ВК
Я расскажу о двух основных способах, их на самом деле можно придумать очень много.
1. Первый способ для того, что бы сделать ссылку на репост. Берем пост, на который нужно получить ссылку, подводим стрелку мыши ко времени и нажимаем на правую клавишу мыши.
Нашему вниманию предстает всплывающее меню. После чего просто выбираем пункт «копировать ссылку» и нажимаем на него.
Вот и все, ссылка готова.
Теперь просто вставляем ее туда куда нужно, для этого нажимаем «Ctrl» + «V», или из меню правой клавиши мыши нажимаем на пункт «вставить», и получаем вот такой результат.
2. Второй способ также очень прост.
Для начала все также выбираем пост, на который нужно получить ссылку, подводим стрелку мыши ко времени поста и правой клавишей мыши открываем всплывающее меню, где выбираем пункт «открыть в новой вкладке».
После чего подводим стрелку мыши к адресной строке в браузере и просто копируем адрес.
Это было два простых способа, как правильно сделать ссылку на репост записи в ВК для конкурса (на самом деле не только для конкурса).
Также ниже вы можете просмотреть видео на эту тему.
Подписывайтесь на мою рассылку (с права сбоку), чтобы не пропустить новых статей и быть в курсе.
Если Вам понравилась и/или помогла данная статья, — ставьте лайк и рассказать друзьям.
Присоединяйтесь к нам в социальных сетях:
Добавляем ссылки в контакте — SMM
Как сделать ссылку ВКонтакте словом
Всем привет! Эта статья будет небольшой, но полезной. Сегодня я вам расскажу о некоторой возможности ВКонтакте, а именно: ссылка словом. Наверно, уже многие знают как это сделать.
Что значит ссылка словом? Знаете во многих группах в записях вставляют ссылку с надписью «Читать далее» или «смотрите в источнике» и т.д.
При нажатии на неё нас перекидывает на другую группу, оттуда снова на другую и так бывает надо пройти групп 5, чтобы дойти до оригинала записи. Меня это очень раздражает, но что поделаешь… Без рекламы никуда…
Итак, сделать ссылку словом можно на человека, группу, страницу и т.д. Ссылка словом работает как на стене, так и в личных сообщениях. Итак, сделать это очень просто. На текущий момент есть несколько вариантов сделать это:
- [ссылка|слово]
- @ссылка (слово)
- *ссылка (слово)
Под словом «ссылка» подразумевается не внешняя ссылка на какой-то другой сайт, а id человека, страницы или группы в ВК. Второй и 3 варианты я считаю проще, так как установив знак @ или *, сразу же появятся подсказки.
Пользоваться всем этим очень просто!
- Если мы хотим сделать ссылку на человека ВКонтакте, то просто берём его id и вместо слова «ссылка» вставляем этот id. Ну а слово пишем такое, какое захотим. Например вот так: @andreyorlov96 (Андрей) или так [id26649873|Андрей], что то же самое. В этом случае будет ссылка на мою страницу. При наведении на ссылку вы увидите имя и фамилию человека, его статус и аватар.
- Если мы хотим сделать ссылку на группу или страницу, то делаем то же самое, что и в первом случае. Берём id группы и пишем его вместо слова «ссылка». Например вот так: @computerism (Computer Blog). В случае с группами мы увидим название группы, аватар и количество участников.
- Если же мы хотим сделать ссылку на внешний сайт, то просто пишем домен сайта, например, computerism.ru и эти слова сами станут ссылкой. Либо мы можем прикрепить картинку и так же написать адрес сайта, тогда эта ссылка прикрепится к картинке.
Ну а насчёт третьего пункта, к сожалению, я пока что не знаю как можно сделать ссылку на внешний сайт словом кроме как в вики разметке. О ней вы можете почитать в группе ВКонтакте.
На этом всё! Если возникли какие-либо вопросы, обращайтесь через форму обратной связи либо в комментариях, так же можете написать мне в личку ВКонтакте.
Источник:
Всем привет! Эта статья будет небольшой, но полезной. Сегодня я вам расскажу о некоторой возможности ВКонтакте, а именно: ссылка словом. Наверно, уже многие знают как это сделать.
Что значит ссылка словом? Знаете во многих группах в записях вставляют ссылку с надписью «Читать далее» или «смотрите в источнике» и т.д.
При нажатии на неё нас перекидывает на другую группу, оттуда снова на другую и так бывает надо пройти групп 5, чтобы дойти до оригинала записи. Меня это очень раздражает, но что поделаешь… Без рекламы никуда…
Итак, сделать ссылку словом можно на человека, группу, страницу и т.д. Ссылка словом работает как на стене, так и в личных сообщениях. Итак, сделать это очень просто. На текущий момент есть несколько вариантов сделать это:
- [ссылка|слово]
- @ссылка (слово)
- *ссылка (слово)
Под словом «ссылка» подразумевается не внешняя ссылка на какой-то другой сайт, а id человека, страницы или группы в ВК. Второй и 3 варианты я считаю проще, так как установив знак @ или *, сразу же появятся подсказки.
Пользоваться всем этим очень просто!
- Если мы хотим сделать ссылку на человека ВКонтакте, то просто берём его id и вместо слова «ссылка» вставляем этот id. Ну а слово пишем такое, какое захотим. Например вот так:
- Если мы хотим сделать ссылку на группу или страницу, то делаем то же самое, что и в первом случае. Берём id группы и пишем его вместо слова «ссылка». Например вот так: @computerism (Computer Blog). В случае с группами мы увидим название группы, аватар и количество участников.
- Если же мы хотим сделать ссылку на внешний сайт, то просто пишем домен сайта, например, computerism.ru и эти слова сами станут ссылкой. Либо мы можем прикрепить картинку и так же написать адрес сайта, тогда эта ссылка прикрепится к картинке.
Ну а насчёт третьего пункта, к сожалению, я пока что не знаю как можно сделать ссылку на внешний сайт словом кроме как в вики разметке. О ней вы можете почитать в группе ВКонтакте.
На этом всё! Если возникли какие-либо вопросы, обращайтесь через форму обратной связи либо в комментариях, так же можете написать мне в личку ВКонтакте.
Источник: https://computerism.ru/internet/kak-sdelat-ssylku-vkontakte-slovom.html
Как в “ВК” сделать гиперссылку: подробная инструкция :
Гиперссылка в социальных сетях – это очень удобная возможность. Ее активно используют на сервисе “ВКонтакте”, но не всем ясно, как делаются гиперссылки. Ничего трудного в процессе нет.
Главное – освоить процесс и его секреты.
Сегодня предстоит разобраться, как в “ВК” сделать гиперссылку на тот или иной объект социальной сети, что должен знать об этом каждый пользователь, и какие секреты и рекомендации помогают воплощать задумку в жизнь.
Гиперссылка – это..
Изначально придется разобраться, о чем идет речь. Что называется гиперссылкой? Зачем она нужна?
Гиперссылка в социальной сети – это надпись, щелкнув по которой, пользователь перенаправляется на иную страницу или перемещается к определенной позиции на сайте. Иногда гиперссылки запускают разнообразные процессы. Но в социальных сетях это обычно объект, выраженный голубоватой надписью или графическим документом, служащий перенаправителем.
Как в “ВК” сделать гиперссылку? Это не сложно – даже начинающий пользователь способен справиться с поставленной задачей!
Для пользователей
Первый распространенный случай – это работа с гиперссылками и страницами пользователей. На практике изучаемый объект зачастую используется для указания профилей людей в постах. Полезная функция, о которой известно далеко не всем!
Как сделать гиперссылку в “ВК” на человека? Достаточно воспользоваться небольшой инструкцией. Выглядит она следующим образом:
- Найти страницу пользователя, которая будет использоваться в виде гиперссылки.
- Скопировать короткий адрес анкеты. Речь идет о надписи idXXXXXXX, где XXXXXXX – это оригинальный номер.
- Во время написания поста или сообщения воспользоваться небольшой схемой, как в “ВК” сделать гиперссылку. Для этого написать в выбранном заранее месте сообщения следующий текст: [idXXXXXXX|имя], где idXXXXXXX – скопированный ранее адрес анкеты пользователя, а “имя” – это то, как будет выглядеть в посте гиперссылка.
Вот и все! Можно продолжить писать сообщение. После его отправки в выбранном месте появится гиперссылка на профиль пользователя с заранее придуманным текстом-директором.
Сторонние страницы
Следующий вопрос – это создание гиперссылки на сторонний сайт. Подобный действия в социальной сети “ВКонтакте” проводятся несколько иначе. Тем не менее, алгоритм того, как в “ВК” сделать гиперссылку с анкором на разнообразные сайты, все равно остается предельно простым и понятным. Для этого вам потребуется:
- Начать писать пост. Следует обратить внимание, что изучаемые составляющие могут быть вставлены лишь в виде заметок.
- Когда основное сообщение готово, кликнуть на “Прикрепить”-“Заметка”.
- Набрать текст ссылки.
- Выделить то, что было написано ранее, затем щелкнуть на “Добавить гиперссылку”.
- Нажать на “Внешняя гиперссылка”. В адрес страницы необходимо набрать веб-сайт, на который будет перенаправлять пользователя.
- Завершить действия путем выбора функции “Сохранить и прикрепить заметку”.
На этом работа окончена! Отправив сообщение, пользователь создаст пост, который содержит в себе ссылку на сторонний ресурс. Легко все и просто!
Для групп и сообществ
Но и это еще не все приемы, которые можно использовать в социальной сети. Как в “ВК” сделать гиперссылку в ускоренном режиме, например, на профиль пользователя или группу?
Неплохим приемом является использование специальных комбинаций. Для них не нужны квадратные скобки. Предложенный далее способ того, как сделать гиперссылку в “ВК” на группу или сообщество, помогает воплотить задумку по созданию перенаправляющих ссылок за считанные секунды! Для этого требуется:
- Начать формирование сообщения. Остановиться в подходящем месте.
- Там, где должна быть гиперссылка, набрать @club.
- Вставить адрес той или иной группы. Речь идет об id.
- Далее в круглых скобках написать текст гиперссылки. Например: @clubXXXXXXX(группа). В посте в виде гиперссылки появится слово “группа”.
- Продолжить написание сообщения. Отправить его при готовности.
Аналогичным образом может делаться ссылка на профиль пользователя. Тогда надпись после @ заменяется с club на id.
На пост или сообщение
Иногда бывает необходимость создания гиперссылки на пост в социальной сети. На самом деле подобную задумку воплотить в жизнь можно без особого труда. Все проще, чем кажется!
Как сделать гиперссылку в “ВК” на пост? Необходимо придерживаться следующих действий:
- Открыть нужное сообщение в социальной сети.
- Скопировать адрес поста. Он будет написан в адресной строке браузера.
- Вставить в свое сообщение полученную запись.
Просто, быстро, удобно. Как показывает практика, гиперссылки на посты – это не самые распространенные объекты.
Прочие объекты
Все перечисленные методы используются на практике очень часто. Посты, группы и профили других пользователей – это далеко не все объекты, которые могут быть представлены в виде гиперссылок. Можно, например, сделать перенаправление на видео или картинку.
Гиперссылка в социальных сетях – это очень удобная возможность. Ее активно используют на сервисе “ВКонтакте”, но не всем ясно, как делаются гиперссылки. Ничего трудного в процессе нет.
Главное – освоить процесс и его секреты.
Сегодня предстоит разобраться, как в “ВК” сделать гиперссылку на тот или иной объект социальной сети, что должен знать об этом каждый пользователь, и какие секреты и рекомендации помогают воплощать задумку в жизнь.
Гиперссылка – это..
Изначально придется разобраться, о чем идет речь. Что называется гиперссылкой? Зачем она нужна?
Гиперссылка в социальной сети – это надпись, щелкнув по которой, пользователь перенаправляется на иную страницу или перемещается к определенной позиции на сайте. Иногда гиперссылки запускают разнообразные процессы. Но в социальных сетях это обычно объект, выраженный голубоватой надписью или графическим документом, служащий перенаправителем.
Как в “ВК” сделать гиперссылку? Это не сложно – даже начинающий пользователь способен справиться с поставленной задачей!
Для пользователей
Первый распространенный случай – это работа с гиперссылками и страницами пользователей. На практике изучаемый объект зачастую используется для указания профилей людей в постах. Полезная функция, о которой известно далеко не всем!
Как сделать гиперссылку в “ВК” на человека? Достаточно воспользоваться небольшой инструкцией. Выглядит она следующим образом:
- Найти страницу пользователя, которая будет использоваться в виде гиперссылки.
- Скопировать короткий адрес анкеты. Речь идет о надписи idXXXXXXX, где XXXXXXX – это оригинальный номер.
- Во время написания поста или сообщения воспользоваться небольшой схемой, как в “ВК” сделать гиперссылку. Для этого написать в выбранном заранее месте сообщения следующий текст: [idXXXXXXX|имя], где idXXXXXXX – скопированный ранее адрес анкеты пользователя, а “имя” – это то, как будет выглядеть в посте гиперссылка.
Вот и все! Можно продолжить писать сообщение. После его отправки в выбранном месте появится гиперссылка на профиль пользователя с заранее придуманным текстом-директором.
Сторонние страницы
Следующий вопрос – это создание гиперссылки на сторонний сайт. Подобный действия в социальной сети “ВКонтакте” проводятся несколько иначе. Тем не менее, алгоритм того, как в “ВК” сделать гиперссылку с анкором на разнообразные сайты, все равно остается предельно простым и понятным. Для этого вам потребуется:
- Начать писать пост. Следует обратить внимание, что изучаемые составляющие могут быть вставлены лишь в виде заметок.
- Когда основное сообщение готово, кликнуть на “Прикрепить”-“Заметка”.
- Набрать текст ссылки.
- Выделить то, что было написано ранее, затем щелкнуть на “Добавить гиперссылку”.
- Нажать на “Внешняя гиперссылка”. В адрес страницы необходимо набрать веб-сайт, на который будет перенаправлять пользователя.
- Завершить действия путем выбора функции “Сохранить и прикрепить заметку”.
На этом работа окончена! Отправив сообщение, пользователь создаст пост, который содержит в себе ссылку на сторонний ресурс. Легко все и просто!
Для групп и сообществ
Но и это еще не все приемы, которые можно использовать в социальной сети. Как в “ВК” сделать гиперссылку в ускоренном режиме, например, на профиль пользователя или группу?
Неплохим приемом является использование специальных комбинаций. Для них не нужны квадратные скобки. Предложенный далее способ того, как сделать гиперссылку в “ВК” на группу или сообщество, помогает воплотить задумку по созданию перенаправляющих ссылок за считанные секунды! Для этого требуется:
- Начать формирование сообщения. Остановиться в подходящем месте.
- Там, где должна быть гиперссылка, набрать @club.
- Вставить адрес той или иной группы. Речь идет об id.
- Далее в круглых скобках написать текст гиперссылки. Например: @clubXXXXXXX(группа). В посте в виде гиперссылки появится слово “группа”.
- Продолжить написание сообщения. Отправить его при готовности.
Аналогичным образом может делаться ссылка на профиль пользователя. Тогда надпись после @ заменяется с club на id.
На пост или сообщение
Иногда бывает необходимость создания гиперссылки на пост в социальной сети. На самом деле подобную задумку воплотить в жизнь можно без особого труда. Все проще, чем кажется!
Как сделать гиперссылку в “ВК” на пост? Необходимо придерживаться следующих действий:
- Открыть нужное сообщение в социальной сети.
- Скопировать адрес поста. Он будет написан в адресной строке браузера.
- Вставить в свое сообщение полученную запись.
Просто, быстро, удобно. Как показывает практика, гиперссылки на посты – это не самые распространенные объекты.
Прочие объекты
Все перечисленные методы используются на практике очень часто. Посты, группы и профили других пользователей – это далеко не все объекты, которые могут быть представлены в виде гиперссылок. Можно, например, сделать перенаправление на видео или картинку.
Но как в “ВК” сделать гиперссылку для прочих объектов? Можно воспользоваться уже известным сочетанием квадратных скобок. Далее помогут следующие комбинации:
- [topic|имя] – ссылка на тему/обсуждение;
- [appXXXXXXX|название] – гиперссылка на приложение;
- [video-YYYYYYY|слово для ссылки] – если планируется перенаправление на видеоролик;
- [photo-XXXXXXX|clubZZZZZZZZ] – гиперссылка на группу через картинку.
Подобные сочетания значительно облегчают жизнь пользователям. Надеемся, теперь вам понятно, как в “ВК” сделать гиперссылку в том или ином случае.
Источник: https://www.syl.ru/article/292799/kak-v-vk-sdelat-giperssyilku-podrobnaya-instruktsiya
Как сделать ссылку вконтакте словом, картинкой, на человека. Wiki разметка
Приветствую друзья, возникла у меня как то необходимость в целях рекламной кампании распространить ссылки вконтакте, но сделать это красиво, что бы было не просто банальный адрес вида http://ruskweb.ru или ссылка на другой профиль в ВК.
Делается это в принципе довольно просто, но многие не знают как, поэтому делюсь.
Как сделать ссылку на человека в ВК словом
Для начала нужно узнать id аккаунта, на который вы хотите сослаться.Узнать его довольно просто — это либо слово, либо набор цифр в адресной строке браузера, сразу после адреса самой соц.сети вконтакте. Вот так он выглядит словом:
Или же вариант с цифрами:
Причем в цифровом варианте обязательно копировать цифры вместе с буквами id
Схема такая:
[айди|текст ссылки]
Например запись вида [x_x__o_o|Сережка русквеб =)] будет вести на мой профиль вконтакте с анкором «Сережка русквеб» =)
Вот так это будет выглядеть к примеру на стене:
Тот же самый фокус работает в отношении ссылок вконтакте на группу [public48861576|тут вас научат делать сайты своими руками]
Кстати, когда вы делаете такое упоминание другого человека, то он получает письмо на почту, что вы его упомянули =)
Как сделать ссылку вконтакте на внешний сайт словом или картинкой
К сожалению я не нашел ныне работающего способа делать внешние ссылки с произвольным текстовым анкором вконтакте, кроме как в wiki разметке своих групп.
Максимум что могу подсказать — можно вставлять ссылки без всех этих http://www Просто копируете например ruskweb.ru вставляете на стену и получаете готовую ссылку, чуть более красивую и короткую)
Если вы вставите внешнюю ссылку на какую-то статью, то она автоматически превращается в анонс этой статьи, на которую ведет, полезно для владельцев внешних сайтов делать анонсы в группах:
Если вам нужно очень длинную ссылку вставить, но она выглядит не очень красиво, то можно воспользоваться сервисом сокращения ссылок вконтакте, находится он тут — сервис сокращения ссылок
Ну а для владельцев групп в принципе с этим нет проблем — там вконтакте вместо обычного человеческого html кода работает так называемая wiki разметка, если вы хотите полностью овладеть этим темным искусством, то вам сюда — фак по вики
Собственно в новостях группы можно и ссылки оформлять как угодно, хоть картинками, хоть с произвольными анкорами.
Делается это в режиме wiki следующим образом:
[Ссылка|Текст ссылки] — текстовая ссылка.
Или же картинкой — [[photo***_***|**x**px|адрес сайта]] где мы указываем номер фото вконтакте, размер в пикселях и адрес, на который будет вести картинка, можно даже на внутреннюю страницу.
Но в прицнипе можно особо не заморачиваться с этими кодами а делать в визуальном редакторе, благо нужные функции имеются:
Таким образом картинка станет внешней ссылкой на сайт в новостях вашей группы.
Этой страницей можно будет делиться, кидать ее на стены и т.д. и каждый кто по ней кликнет, будет перенесен на внешний сайт. Вот таким образом в принципе можно схитрить.
Приветствую друзья, возникла у меня как то необходимость в целях рекламной кампании распространить ссылки вконтакте, но сделать это красиво, что бы было не просто банальный адрес вида http://ruskweb.ru или ссылка на другой профиль в ВК.
Делается это в принципе довольно просто, но многие не знают как, поэтому делюсь.
Как сделать ссылку на человека в ВК словом
Для начала нужно узнать id аккаунта, на который вы хотите сослаться.Узнать его довольно просто — это либо слово, либо набор цифр в адресной строке браузера, сразу после адреса самой соц.сети вконтакте. Вот так он выглядит словом:
Или же вариант с цифрами:
Причем в цифровом варианте обязательно копировать цифры вместе с буквами id
Схема такая:
[айди|текст ссылки]
Например запись вида [x_x__o_o|Сережка русквеб =)] будет вести на мой профиль вконтакте с анкором «Сережка русквеб» =)
Вот так это будет выглядеть к примеру на стене:
Тот же самый фокус работает в отношении ссылок вконтакте на группу [public48861576|тут вас научат делать сайты своими руками]
Кстати, когда вы делаете такое упоминание другого человека, то он получает письмо на почту, что вы его упомянули =)
Как сделать ссылку вконтакте на внешний сайт словом или картинкой
К сожалению я не нашел ныне работающего способа делать внешние ссылки с произвольным текстовым анкором вконтакте, кроме как в wiki разметке своих групп.
Максимум что могу подсказать — можно вставлять ссылки без всех этих http://www Просто копируете например ruskweb.ru вставляете на стену и получаете готовую ссылку, чуть более красивую и короткую)
Если вы вставите внешнюю ссылку на какую-то статью, то она автоматически превращается в анонс этой статьи, на которую ведет, полезно для владельцев внешних сайтов делать анонсы в группах:
Если вам нужно очень длинную ссылку вставить, но она выглядит не очень красиво, то можно воспользоваться сервисом сокращения ссылок вконтакте, находится он тут — сервис сокращения ссылок
Ну а для владельцев групп в принципе с этим нет проблем — там вконтакте вместо обычного человеческого html кода работает так называемая wiki разметка, если вы хотите полностью овладеть этим темным искусством, то вам сюда — фак по вики
Собственно в новостях группы можно и ссылки оформлять как угодно, хоть картинками, хоть с произвольными анкорами.
Делается это в режиме wiki следующим образом:
[Ссылка|Текст ссылки] — текстовая ссылка.
Или же картинкой — [[photo***_***|**x**px|адрес сайта]] где мы указываем номер фото вконтакте, размер в пикселях и адрес, на который будет вести картинка, можно даже на внутреннюю страницу.
Но в прицнипе можно особо не заморачиваться с этими кодами а делать в визуальном редакторе, благо нужные функции имеются:
Таким образом картинка станет внешней ссылкой на сайт в новостях вашей группы.
Этой страницей можно будет делиться, кидать ее на стены и т.д. и каждый кто по ней кликнет, будет перенесен на внешний сайт. Вот таким образом в принципе можно схитрить.
Режим вики находится тут:
Не забудьте включить в настройках группы Материалы.
Там же можно добавлять аудио, видео, таблицы, в принципе делать полноценные странички при желании.
Для того что бы вы потренировались ниже добавлю код комментариев с ВК =)
Источник: http://ruskweb.ru/sots-seti/kak-sdelat-ssyilku-vkontakte-slovom-kartinkoy-na-cheloveka.html
Ссылки на страницу в Контакте
Многие неопытные пользователи компьютера спрашивают, как сделать ссылку на страницу ВКонтакте и как узнать ID моей страницы.
Это совсем не трудно: скопировать адрес профиля из навигационной строки браузера, которая находится вверху окна, и вставить в текстовое поле для сообщений.
Скинуть гиперссылку пользователи могут в личное сообщение другу или опубликовать в посте в какой-либо группе.
В таком случае она будет иметь стандартный вид с https и слешами. Как сделать ее более привлекательной? Например, вместо адреса было бы видно имя пользователя, на которое можно было бы нажать и открылся соответствующий профиль, то есть имя стало бы кликабельным. Рассмотрим, как это сделать.
Если навести курсор мыши на ссылку, появится профиль пользователя.
В процедуре, на самому деле, нет ничего сверхсложного. Вы должны выучить специальные скрипты (запомнить их шаблоны), которыми пользуются именно в самой социальной сети ВКонтакте. Это не HTML-коды. Они не подходят для подобного рода гиперссылок.
Первый код
Пишем в текстовом поле: [id пользователя|текст вашей ссылки].
ID профиля можно скопировать в адресной строке. Он находится после vk. На место текста пишем имя пользователя или любую другую фразу.
Например, код может быть таким: [id53083705|Дмитрий Медведев]:
Если вы не знаете id-адрес пользователя, так как он может быть заменен на любое другое слово (это будет название странички), можно указать это название.
Например, если гиперссылка на профиль следующая: vk.com/dm, мы пишем в коде: [dm|Дмитрий Медведев].
Кликаем по кнопке «Отправить». Появится кликабельная ссылка на страницу человека. Перед отправкой убедитесь, что вы правильно все написали, так как изменить гиперссылку уже нельзя будет. Вам нужно будет удалять сообщение и писать заново.
Этот и последующие скрипты позволяют делать гиперссылки даже на музыкальный альбом, фотографию, мероприятие и другое. Самое главное – найти идентификатор страницы социальной сети.
Создавать анкоры можно не только для внутренних страниц сайта, но и для сторонних ресурсов. Как делать такие коды?
Второй код
Этот код будет иметь следующий вид: *id (текст). В тексте пишем фразу, которая будет видна в сообщении или посте. Пишем опять же ID или название профиля. Например, *dm (Дмитрий Медведев). Снова нажимаем на кнопку «Отправить».
Если ссылка должна вести в группу, нужно вместо id аккаунта идентификатор сообщества. Она имеет вид: *public2158488 (
Источник:
Многие неопытные пользователи компьютера спрашивают, как сделать ссылку на страницу ВКонтакте и как узнать ID моей страницы.
Это совсем не трудно: скопировать адрес профиля из навигационной строки браузера, которая находится вверху окна, и вставить в текстовое поле для сообщений.
Скинуть гиперссылку пользователи могут в личное сообщение другу или опубликовать в посте в какой-либо группе.
В таком случае она будет иметь стандартный вид с https и слешами. Как сделать ее более привлекательной? Например, вместо адреса было бы видно имя пользователя, на которое можно было бы нажать и открылся соответствующий профиль, то есть имя стало бы кликабельным. Рассмотрим, как это сделать.
Если навести курсор мыши на ссылку, появится профиль пользователя.
В процедуре, на самому деле, нет ничего сверхсложного. Вы должны выучить специальные скрипты (запомнить их шаблоны), которыми пользуются именно в самой социальной сети ВКонтакте. Это не HTML-коды. Они не подходят для подобного рода гиперссылок.
Первый код
Пишем в текстовом поле: [id пользователя|текст вашей ссылки].
ID профиля можно скопировать в адресной строке. Он находится после vk. На место текста пишем имя пользователя или любую другую фразу.
Например, код может быть таким: [id53083705|Дмитрий Медведев]:
Если вы не знаете id-адрес пользователя, так как он может быть заменен на любое другое слово (это будет название странички), можно указать это название.
Например, если гиперссылка на профиль следующая: vk.com/dm, мы пишем в коде: [dm|Дмитрий Медведев].
Кликаем по кнопке «Отправить». Появится кликабельная ссылка на страницу человека. Перед отправкой убедитесь, что вы правильно все написали, так как изменить гиперссылку уже нельзя будет. Вам нужно будет удалять сообщение и писать заново.
Этот и последующие скрипты позволяют делать гиперссылки даже на музыкальный альбом, фотографию, мероприятие и другое. Самое главное – найти идентификатор страницы социальной сети.
Создавать анкоры можно не только для внутренних страниц сайта, но и для сторонних ресурсов. Как делать такие коды?
Второй код
Этот код будет иметь следующий вид: *id (текст). В тексте пишем фразу, которая будет видна в сообщении или посте. Пишем опять же ID или название профиля. Например, *dm (Дмитрий Медведев). Снова нажимаем на кнопку «Отправить».
Если ссылка должна вести в группу, нужно вместо id аккаунта идентификатор сообщества. Она имеет вид: *public2158488 (
Источник: http://socialochki.ru/vkontakte/ssylki-stranicu-kontakte
Как сделать ссылку ВКонтакте текстом или смайлом | Просто делай так
Здравствуйте, друзья! Почти все из вас столкнулись с обновленным интерфейсом социальной сети ВКонтакте. Что-то стало лучше, а что-то явно ухудшилось. Но не мы с Вами принимали решение, нам приходится смириться с тем что есть. Естественно приходится осваивать не только юзабилити нового интерфейса, но и способы работы.
Сегодня я расскажу, как делать в новом интерфейсе ссылки на группы и личные профили.Те из Вас, кто уже использует ссылки в своей ВКонтактной практике знает, что это сильный инструмент, который дает не просто удобство читателю Вашего поста или заметки, но и хорошо привлекает его внимание.
После прочтения данной статьи делать такие ссылки сможет любой из Вас.
Здравствуйте, друзья! Почти все из вас столкнулись с обновленным интерфейсом социальной сети ВКонтакте. Что-то стало лучше, а что-то явно ухудшилось. Но не мы с Вами принимали решение, нам приходится смириться с тем что есть. Естественно приходится осваивать не только юзабилити нового интерфейса, но и способы работы.
Сегодня я расскажу, как делать в новом интерфейсе ссылки на группы и личные профили.Те из Вас, кто уже использует ссылки в своей ВКонтактной практике знает, что это сильный инструмент, который дает не просто удобство читателю Вашего поста или заметки, но и хорошо привлекает его внимание.
После прочтения данной статьи делать такие ссылки сможет любой из Вас.
В старом интерфейсе при редактировании записи приходилось обязательно вновь вставлять конструкцию ссылки в редактируемый текст, потому что она при переходе в режим редактирования превращалась в простой текст. Из практики скажу, что это очень неудобно – постоянно набирать подобную конструкцию:
[id145028382|Сергей Почечуев]
В новом ВКонтакте, слава Богу, разработчики учли этот момент. Но при этом появилась новая конструкция ссылки. Теперь ссылкам не нужно делать обрамление из квадратных скобок […]. Достаточно просто поставить впереди собачку @ и дальше уже выбрать тип ссылки (на что она будет вести):
Повторю содержание скриншота, если что-то в нем осталось непонятным:
Ссылка на личную страничку в ВК:
@id***(Текст Вашей ссылки)
Ссылка на группу в ВК (сообщество):
@club***(Текст Вашей ссылки)
Естественно, что вместо звездочек нужно вставить индивидуальный номер соответствующего перенаправления, т.е. номер Вашего или чьего-то личного id, или группы, если ссылка будет вести на сообщество.
Вот здесь иногда у новичков возникают проблемы с определением этого самого номера. Связано это с тем, что нередко пользователи ВКонтакте заменяют индивидуальный номер определенной фразой.
Это очень хорошая возможность индивидуального самовыражения, но вот, как определить этот самый id за надписью?
Да, тоже очень просто! Достаточно проскролить страничку до первой картинки на стене и кликнуть по ней левой кнопкой мышки. Дальше смотрите запись в адресной строке браузера.
В ней сразу после слова photo- будет стоять 2 группы цифр, из которых первая означает тот самый искомый номер (id). Его и копируем в буфер обмена. Вторая группа цифр – это просто порядковый номер картинки в хранилище ВКонтакте.
Но в большинстве случаев можно даже не искать номер id, потому что теперь можно даже ввести текстовый адрес. В отличии от цифрового он вводится без слова club.
Если после публикации Вы захотите что-то подредактировать, то не удивляйтесь, когда увидите вместо текстового содержания номер группы или личного профиля. ВКонтакте обработает ссылку по всем правилам самостоятельно.
Также можно вместо текста привязать ссылку к любому смайлику, который доступен в окне набора новости.
Я пока не задумывался, как это применять на практике, но может кому-то из Вас хватит фантазии в оформлении своих записей с помощью смайлов со ссылками.
Конечно всех нюансов и примеров вот так с помощью скриншотов не расскажешь. Поэтому я записал коротенькое видео для того, чтобы Вы могли поставить все точки над «и» в вопросах создания текстовых ссылок в ВКонтакте.
Скажу честно, что мне, как админу группы, нет-нет, да и приходится делать текстовые анкоры ссылок. И также честно сознаюсь, что никак не мог привыкнуть к этим квадратным скобкам. Особенно меня бесило, когда при редактировании, приходилось их ставить заново. Но теперь все позади. Думаю, что и для Вас текстовые ссылки теперь будут обыденным делом.
Пишите в комментариях насколько Вам были полезны мои изыскания. Подписывайтесь на новости, потому что буквально на следующей неделе я планирую закончить небольшой видеокурс по созданию и оформлению красивого дизайна для группы. Новый интерфейс внес свои поправки и надо исправлять появившиеся атавизмы. В общем ловите момент. Пока такой инфы в Сети не густо.
С уважением, Сергей Почечуев
ПОНРАВИЛАСЬ СТАТЬЯ? РАССКАЖИ ДРУЗЬЯМ!
Источник: http://prostodelaytak.ru/kak-sdelat-ssylku-vkontakte-tekstom-ili-smajlom/
Как сделать ссылку словом на человека ВКонтакте?
Поставить ссылку в ВК несложно — достаточно всего лишь скопировать ее, затем вставить в нужное место и нажать клавишу Enter. Например, вы можете оставить ссылку на своей стене или в какой-нибудь группе.
Правда, ссылка будет иметь самый обычный вид. Так, если вы оставите ссылку на того же Павла Дурова, она будет иметь такой вид: https://vk.com/id1 или https://vk.com/durov.
На деле же ее можно привести к такому виду, что бы она так и выглядела: Павел Дуров. Смотрите сами:
Впечатляет? Это еще не все! Когда наводишь стрелку мыши на ссылку, показывается профиль пользователя:
Как сделать ссылку на человека в ВК таким образом? В этом нет ничего сложно, просто нужно знать коды, которые используются в самом ВКонтакте. HTML-коды, к примеру, вам не помогут.
Поставить ссылку в ВК несложно — достаточно всего лишь скопировать ее, затем вставить в нужное место и нажать клавишу Enter. Например, вы можете оставить ссылку на своей стене или в какой-нибудь группе.
Правда, ссылка будет иметь самый обычный вид. Так, если вы оставите ссылку на того же Павла Дурова, она будет иметь такой вид: https://vk.com/id1 или https://vk.com/durov.
На деле же ее можно привести к такому виду, что бы она так и выглядела: Павел Дуров. Смотрите сами:
Впечатляет? Это еще не все! Когда наводишь стрелку мыши на ссылку, показывается профиль пользователя:
Как сделать ссылку на человека в ВК таким образом? В этом нет ничего сложно, просто нужно знать коды, которые используются в самом ВКонтакте. HTML-коды, к примеру, вам не помогут.
Для того, что бы поставить ссылку на человека, вы должны воспользоваться одним из двух предложенных кодов.
Первый вид кода: [id пользователя|текст вашей ссылки]. Как это выглядит на практике? Для примера возьмем страничку Дмитрия Медведева. Пишем следующее: [id53083705|Дмитрий Медведев]:
Как видите, мы указали id-адрес страницы пользователя и то, что хотели написать, то есть в данном случае имя и фамилию Дмитрия Медведева.
Если вы не знаете id-адрес пользователя (хотя об этом мы уже успели рассказать), не переживайте, используйте название его странички. Так, в нашем случае страница имеет такой адрес: vk.com/dm.
Значит, мы можем использовать код вида: [dm|Дмитрий Медведев].
Что дальше? А дальше мы нажимаем на кнопку «Отправить» или просто щелкаем по клавише Enter. И вот что получаем:
Разумеется, вы можете написать в коде другой текст ссылки, например, [dm|Дмитрий Анатольевич Медведев] и получите уже такой результат:
Теперь переходим ко второму коду, о котором мы упоминали чуть ранее. Работает он по той же схеме, так что можете пользоваться тем кодом, который для вас более удобен.
Вот как выглядит код: *id (ссылка). А вот как на практике (для примера возьмем страницу Дмитрия Анатольевича): *dm (Дмитрий Медведев).
Нажимаем «Отправить» и видим нашу ссылку:
Разумеется, вместо названия страницы вы можете указать ее id-адрес: *id53083705 (Дмитрий Медведев). Результат будет тем же.
Как сделать ссылку на группу или паблик ВКонтакте?
Итак, вы научились делать ссылку на пользователя ВК. Теперь давайте поговорим о том, как сделать ссылку на сообщество. Хочется сразу отметить, что суть процесса будет идентичной.
В качестве примера возьмем «Официальные страницы ВКонтакте» (Live) — сообщество, где публикуется информация о новых официальных страницах (тех самых, что помечены галочкой). Для того, что бы сделать ссылку, можно воспользоваться несколькими видами кодов, например:
[club2158488|Официальные страницы ВКонтакте]
[public2158488|Официальные страницы ВКонтакте]
Кроме того, можно использовать и такую конструкцию: [clublive|Официальные страницы ВКонтакте]. Только в данном случае у вас ничего не получится, поскольку существует группа с названием clublive и именно она откроется, если пройти по ссылке. Поэтому лучше использовать id-адрес сообщества во избежании путаницы.
Второй вариант — использование другого вида кода, который мы уже успели рассмотреть: *id (ссылка). У нас получится вот что:
*live (Официальные страницы ВКонтакте)
*public2158488 (Официальные страницы ВКонтакте)
*club2158488 (Официальные страницы ВКонтакте)
Все три ссылки направляют на один и тот же паблик:
Как видите, ничего сложного.
Как вставить ссылку в смайлик?
Наконец, можно вставить ссылку даже в смайлик! Правда, для этого вам нужно будет знать код смайликов.
Делается этот вот как. Допустим, мы хотим сделать смайлик кликабельным, что бы при нажатии на него пользователь перешел на страницу Павла Дурова. Для этого используем код *id (код смайлика). Вот что у нас получается: *id1 (😊) или *durov (😊). Отправляем и вот что получаем:
Если вы хотите поставить в смайлик ссылку на паблик, то стоит воспользоваться такой конструкцией: *public2158488 (😊), где public2158488 — id-адрес сообщества, а 😊 — код смайлика.
*****
Будут вопросы, обращайтесь с помощью комментариев.
Источник: http://vkhelpnik.com/kak-sdelat-ssylku-na-stranicu-v-vk-na-stene/
Способы сделать ссылку в Контакте на стене или в папке с фото
Пользователям социальной сети ВКонтакте предоставлено множество возможностей для редактирования собственных записей на стенах страниц и сообществ.
К каждому сообщению можно прикреплять фотографии, аудио- и видеозаписи, голосования, граффити, документ или сведения о местоположении.
Для администраторов сообществ или владельцев посещаемых страниц также будет полезна возможность прикрепить таймер к сообщению, благодаря чему можно публиковать записи в строго определенное время, добавляя их в очередь.
Другая популярная функция позволяет сделать ссылку в Контакте на страницы пользователей, сообществ и альбомов. В записях на стенах участников социальной сети можно указывать ссылки только на внутренние страницы вКонтакте, а на специальных страницах сообществ с wiki-разметкой можно добавить ссылку, ведущую на любой другой сайт в интернете.
Ссылка на человека или группу
Для того чтобы добавить к сообщению на стене ссылку на страницу другого пользователя ВКонтакте или на страницу группы необходимо:
- Перейти на страницу, где будет размещено сообщение.
- Написать текст сообщения.
- Поместить курсор в то место, где должна будет располагаться ссылка.
- Поставить знак «*».
- Не ставя пробел, набрать после знака «*» имя друга или название группы.
- Выбрать из выпадающего списка кликом левой кнопки мыши нужную страницу.
- Отредактировать получившийся текст.
- Нажать кнопку «Отправить».
Wiki-разметка
Для того чтобы добавить ссылку в сообществе на любую страницу ВКонтакте или другой сайт Интернета нужно:
- Открыть раздел «Мои группы».
- Перейти на вкладку «Управление».
- Открыть страницу администрируемой группы.
- Открыть меню группы, находящееся под описанием страницы.
- Нажать кнопку «Редактировать».
- Поместить курсор на фрагмент текста, где будет располагаться ссылка.
- Добавить текст в формате [http://ссылка.ru|Текст ссылки], заменив «ссылка.ru» и «Текст ссылки» на нужные значения.
- Нажать кнопку «Предпросмотр» и ознакомиться с результатом редактирования.
- Нажать кнопку «Сохранить страницу».
Альбомы
Для того чтобы прикрепить к сообщению на стене ссылку на альбом с фотографиями ВКонтакте следует:
- Открыть сайт ВКонтакте.
- Перейти на страницу со списком альбомов пользователя или сообщества.
- Открыть нужный альбом.
- Из адресной строки браузера скопировать ссылку на альбом.
- Открыть страницу, где будет располагаться сообщение, содержащее ссылку.
- Написать текст сообщения.
- Поместить ссылку на альбом в помощью операции «Вставка» и дождаться, пока ВКонтакте преобразует ссылку в прикрепленный альбом.
- Завершить редактирование сообщения.
- Нажать кнопку «Отправить».
Поделитесь этой статьёй с друзьями в соц. сетях:
Источник:
Пользователям социальной сети ВКонтакте предоставлено множество возможностей для редактирования собственных записей на стенах страниц и сообществ.
К каждому сообщению можно прикреплять фотографии, аудио- и видеозаписи, голосования, граффити, документ или сведения о местоположении.
Для администраторов сообществ или владельцев посещаемых страниц также будет полезна возможность прикрепить таймер к сообщению, благодаря чему можно публиковать записи в строго определенное время, добавляя их в очередь.
Другая популярная функция позволяет сделать ссылку в Контакте на страницы пользователей, сообществ и альбомов. В записях на стенах участников социальной сети можно указывать ссылки только на внутренние страницы вКонтакте, а на специальных страницах сообществ с wiki-разметкой можно добавить ссылку, ведущую на любой другой сайт в интернете.
Ссылка на человека или группу
Для того чтобы добавить к сообщению на стене ссылку на страницу другого пользователя ВКонтакте или на страницу группы необходимо:
- Перейти на страницу, где будет размещено сообщение.
- Написать текст сообщения.
- Поместить курсор в то место, где должна будет располагаться ссылка.
- Поставить знак «*».
- Не ставя пробел, набрать после знака «*» имя друга или название группы.
- Выбрать из выпадающего списка кликом левой кнопки мыши нужную страницу.
- Отредактировать получившийся текст.
- Нажать кнопку «Отправить».
Wiki-разметка
Для того чтобы добавить ссылку в сообществе на любую страницу ВКонтакте или другой сайт Интернета нужно:
- Открыть раздел «Мои группы».
- Перейти на вкладку «Управление».
- Открыть страницу администрируемой группы.
- Открыть меню группы, находящееся под описанием страницы.
- Нажать кнопку «Редактировать».
- Поместить курсор на фрагмент текста, где будет располагаться ссылка.
- Добавить текст в формате [http://ссылка.ru|Текст ссылки], заменив «ссылка.ru» и «Текст ссылки» на нужные значения.
- Нажать кнопку «Предпросмотр» и ознакомиться с результатом редактирования.
- Нажать кнопку «Сохранить страницу».
Альбомы
Для того чтобы прикрепить к сообщению на стене ссылку на альбом с фотографиями ВКонтакте следует:
- Открыть сайт ВКонтакте.
- Перейти на страницу со списком альбомов пользователя или сообщества.
- Открыть нужный альбом.
- Из адресной строки браузера скопировать ссылку на альбом.
- Открыть страницу, где будет располагаться сообщение, содержащее ссылку.
- Написать текст сообщения.
- Поместить ссылку на альбом в помощью операции «Вставка» и дождаться, пока ВКонтакте преобразует ссылку в прикрепленный альбом.
- Завершить редактирование сообщения.
- Нажать кнопку «Отправить».
Поделитесь этой статьёй с друзьями в соц. сетях:
Источник: http://podskajem.com/sposoby-sdelat-ssylku-v-kontakte/
Текущее состояние телефонных линий
Телефонные ссылки — вещь вещь. Подобно якорной ссылке, которую вы нажимаете, чтобы (возможно) перейти на другую страницу, это ссылки, которые вы нажимаете, чтобы позвонить по номеру на устройстве с поддержкой телефона. Они существуют уже довольно давно. Тем не менее, они вызывают у меня большое замешательство. Например, многие устройства автоматически распознают телефонные номера и связывают их за нас, но не всегда.
На мобильных устройствах достаточно интернет-трафика и множество настольных приложений, которые могут совершать звонки, поэтому стоит узнать больше о телефонных связях.
Использование по умолчанию
У нас есть фрагмент телефонных ссылок на этом сайте, который существует с 2011 года:
1-562-867-5309
Это также работает с текстовыми ссылками:
Нажмите, чтобы позвонить!
tel:
— это не столько функция, сколько протокол, почти так же, как http:
и mailto:
являются протоколами для функции тегов
.Сама спецификация ничего не говорит об этом, хотя HMTL5 действительно обеспечивает поддержку пользовательских обработчиков протоколов, которые позволяют использовать такой протокол.
Вы, вероятно, задаетесь вопросом, почему tel:
можно рассматривать как использование по умолчанию при отсутствии на него официальных спецификаций. Вы можете связать это с тем фактом, что это был предложенный стандарт еще в 2000 году и позже принятый iOS, что сделало его фактическим путем примерно к 2007 году. Существуют и другие телефонные протоколы (о которых мы поговорим. позже), но мы сосредоточимся на tel:
, учитывая его относительную известность.
Поддержка браузера
Мы видим, что tel:
всплывает как обработчик протокола для ссылок без официальной документации; а там, где нет документации, мы часто видим различия в поддержке и поведении браузеров. Это не означает, что браузеры не распознают сам тег
. Вместо этого браузеры могут принимать разные решения о том, что делать при нажатии этой ссылки. Например, браузер может предположить, что необходимо открыть другое приложение, и вызовет диалоговое окно с вопросом, какое приложение использовать.В других случаях ссылка может вообще игнорироваться.
Браузер | Это ссылка? | При нажатии… |
---|---|---|
Android | Есть | Запускает приложение для телефона |
BlackBerry 9900 | Есть | Телефонный звонок |
Хром | Есть | Диалоговое окно триггеров, подтверждающее использование другого приложения |
Кромка | Есть | Диалоговое окно триггеров, подтверждающее использование другого приложения |
Internet Explorer 11 | Есть | Диалоговое окно триггеров, подтверждающее использование другого приложения |
Internet Explorer 11 Mobile | Есть | Телефонный звонок |
iOS | Есть | Триггеры для вызова, сообщения, копирования или добавления номера в приложение «Контакты» |
Опера (OSX) | Есть | Диалоговое окно триггеров, подтверждающее использование другого приложения |
Opera (Windows) | Есть | Вызывает диалоговое окно с ошибкой, которое не распознает протокол |
Safari | Есть | запускает FaceTime |
Стилизация телефонных линий
Стилизация телефонных номеров похожа на любую другую ссылку.= «tel:»]: перед { содержание: «\ 260e»; поле справа: 0,5em; }
Альтернативные телефонные ссылки
Вы не поверите, но tel:
— не единственный способ позвонить по ссылке. В нашем распоряжении есть еще несколько пользовательских обработчиков протоколов для телефонов.
-
callto:
Точно так же, какtel:
, но используется для совершения звонков через приложение Skype. - автоматически определяется: Многие браузеры автоматически обнаруживают номер телефона в HTML и связывают его за вас — изменять разметку не нужно.iOS, например, полностью сделает это, хотя, похоже, это не относится к Chrome на Android.
-
sms:
Пропустите звонок и сразу переходите к текстовому сообщению. Кажется, это намного меньше поддерживается, чемtel:
среди браузеров, в том числе мобильных. -
факс:
Вернитесь в будущее с факсимильными аппаратами. Опять пятнистая надежность.
Лучшие Лрактики
Забавно говорить о лучших практиках, когда дело касается чего-то без спецификаций.В спецификации дается краткое описание идеи «позвонить по нажатию», но вот несколько вещей, которые следует учитывать при работе с телефонными номерами и ссылками.
Рассмотрим контекст
Телефонная ссылка может стать отличным призывом к действию, особенно на мобильных телефонах, где она уменьшает трение между контентом и звонком. В то же время телефонные ссылки можно рассматривать как помеху на рабочем столе, где телефонный звонок был бы невозможен, если бы на устройстве не было поддерживающего его приложения.
Одна из идей — создать класс специально для телефонных ссылок и попытаться показать или скрыть их на основе того, что мы знаем о браузере. Modernizr и медиа-запросы здесь удобны, хотя и совершенно неточны.
Используйте коды стран
Код страны не требуется, но может быть полезен для сайтов с международным трафиком. Коду страны может предшествовать +
, но это тоже не обязательно.
1-562-867-5309
Поисковая оптимизация
ЭкспертыSEO могут добавить к этому больше, чем я, но Google предлагает структурированный формат данных для местных предприятий, и его использование сделает телефонные ссылки более узнаваемыми для поисковых роботов, форматируя их на страницах результатов поиска таким образом, чтобы число более действенный.Дадли Стори дает отличный обзор на следующем примере:
Купальники Beach Bunny
Телефон:
850-648-4200
С другой стороны, желая, чтобы поисковые системы следили за телефонными ссылками, вы можете добавить rel = "nofollow"
, чтобы препятствовать переходу по ссылкам и их индексации.Это может быть хорошей идеей для любой ссылки, не обозначенной как призыв к действию, поскольку веб-сканеры будут склонны пытаться перейти по ней в никуда.
1-562-867-5309
Отключение определения номера в iOS
Если вы планируете добавить телефонные ссылки в свою разметку, вы также можете рассмотреть возможность отключения iOS от автоматического определения телефонных номеров и переопределения ваших стилей. Добавьте следующий документ
, чтобы отключить это:
Дополнительная литература
20 лучших страниц контактов в 2020 году, которые преобразуют (+ передовой опыт)
Если бы кто-то искал ваш сайт и хотел заполучить вас, что бы они увидели на вашей странице контактов? Номер телефона? Адрес и карта? Ничего такого?
Маркетологи часто уделяют так много времени дизайну и содержанию домашней страницы и страницы услуг, что пренебрегают страницей контактов.
Однако ваша контактная страница должна быть одной из самых важных ваших страниц.
Подумайте об этом. Если кто-то нажал на вашу страницу «Связаться с нами», значит, он явно заинтересован в разговоре с вами! Таким образом, ваша страница для связи с нами должна быть чем-то большим, чем просто номер и общий адрес электронной почты.
Контактная форма или адрес электронной почты: что лучше?
через GIPHYВозможно, на вашем сайте уже есть контактная страница. Но есть ли у него контактная форма или просто адрес электронной почты компании?
По этому поводу ведется много споров: что должно быть на вашей странице контактов? Посетители уже переходят к нему по какой-то причине, но что должно быть им доступно, когда они туда попадут?
Некоторые компании думают, что подделка общего адреса электронной почты поможет; однако вы никогда не знаете, какие люди будут связываться с вами и по какой причине.Если ваша компания получает много писем, может быть очень сложно их все разобрать и ответить.
Вот почему контактные формы являются обязательными на вашей странице контактов.
Контактные формывыглядят профессионально и проще в использовании.
В целом, мы считаем, что простая в использовании форма для связи выглядит более профессионально и размещена на странице контактов, чем просто электронное письмо.
Подумайте об этом: когда вам действительно нужно обратиться в службу поддержки, вам нужна немедленная помощь.С помощью контактной формы вы можете заполнить ее в течение нескольких секунд и нажать кнопку «Отправить».
Тем не менее, с электронным письмом вы должны скопировать его, открыть поставщика услуг электронной почты, вставить его в поле получателя, а затем ввести свое сообщение. И, возможно, вы не предоставили компании достаточно информации, что потребовало бы дополнительных писем, пока они не смогут полностью помочь. Это довольно стрессовая ситуация.
Контактные формыпозволяют легко перенаправлять членов команды.
Люди обращаются в компанию по разным причинам: проблемы с продуктом / услугой, интерес к работе с вашим бизнесом или даже интерес к работе в вашей компании.
Когда вы получаете кучу контактных писем, бывает сложно отфильтровать и правильно направить каждое электронное письмо нужному представителю. Но с помощью контактной формы перенаправление может быть выполнено в мгновение ока!
Если вы спрашиваете посетителей, почему они обращаются к вашей компании, каждое поле ответа может перенаправлять на определенную команду или члена команды — фильтрация входящих сообщений не требуется.
В идеале ваша контактная страница должна включать как простую контактную форму , так и адрес электронной почты.Вы никогда не захотите ограничивать возможности посетителя обратиться к вашему бизнесу. Так что, если сомневаетесь, разместите их обоих на своей странице!
Какие поля следует включить в контактную форму?
Имя и фамилия
Очевидно, что получение имени контакта является наиболее важным полем, которое нужно включить в контактную форму. Нужно ли мне сказать больше?
Адрес электронной почты
Еще один очевидный, важный элемент, который нужно указать в контактной форме. Как еще вы собираетесь связаться с ними, если не знаете, на какой адрес электронной почты отправлять?
Лучше всего запросить рабочий адрес электронной почты.Если они включают Gmail, AOL или базовый адрес электронной почты, они могут быть не заинтересованы.
Название компании
Это отличный способ познакомиться с компанией, которая обращается к вам за помощью. Имея название компании в заднем кармане, вы можете немного покопаться, чтобы лучше понять, что компания продает и как вы могли бы помочь им с их проблемами.
Причина обращения
Это очень важно, будь то простое раскрывающееся поле или поле с открытым текстом.
Важно понимать цель чьего-либо запроса. Почему обращается к этому человеку? О чем конкретно они ищут ответы?
10 Страница «Свяжитесь с нами» Лучшие практики
Люди заходят на вашу страницу контактов, чтобы связаться с вашей компанией. Следуйте этим рекомендациям, чтобы посетители продолжали приходить к вам, чтобы задавать вопросы, обращаться за помощью и узнавать больше о вашем бизнесе!
Задавайте только необходимые вопросы.
Ваша страница контактов не должна быть похожа на игру из 20 вопросов.Спросите необходимую информацию, а затем попытайтесь получить подробности позже.
Например, в Slack есть простая форма, в которой задается один вопрос, а затем пользователь может выбрать одну причину, по которой он вступает в контакт.
Подумайте об опыте пользователей: чем больше полей они должны заполнить, тем меньше вероятность, что они это сделают.
Покажите реальных людей из вашей службы поддержки клиентов.
Люди могут не решаться отправить форму на вашей странице контактов из опасения, что им никто не ответит.Они также могут полагать, что если попытаются связаться с вами, они получат автоматизированную услугу.
Вот почему так важно включать фотографии людей из вашей службы поддержки клиентов или отдела продаж, чтобы ваши пользователи знали, что кто-то настоящий собирается ответить. Например, у Atlassian есть отличная страница контактов с изображениями членов группы поддержки и их ролей.
Включите ссылки на часто задаваемые вопросы.
У вашего пользователя может быть простой вопрос, на который можно легко ответить в разделе часто задаваемых вопросов.Таким образом, ваша служба поддержки клиентов или отдел продаж не будут увязаны, отвечая на простые вопросы потенциальных клиентов или клиентов.
Например, Bloomscape, новый стартап по доставке растений, имеет ссылку на часто задаваемые вопросы в правой части страницы для связи с нами, предоставляя посетителям быстрый доступ к нужным им ответам.
Объясните, почему пользователь должен обратиться к вам.
Чем конкретно вы можете им помочь? Расскажите подробнее. Попробуйте добавить на свою страницу подзаголовок, в котором говорится что-то вроде «Чтобы узнать больше, свяжитесь с нами здесь» или «Для вопросов или общих запросов отправьте контактную форму ниже.«
Это дает посетителям четкое представление о том, чего они могут ожидать от связи с вами.
Воспользуйтесь преимуществами интеллектуальных форм.
Люди обращаются в вашу компанию по разным причинам, поэтому они могут вернуться более одного раза и заполнить контактную форму. Используйте умные формы, чтобы переключать поля и каждый раз собирать нужную информацию.
Смарт-формы также могут помочь вам направлять потенциальных клиентов по воронке продаж, поскольку вы отслеживаете их действия на своем сайте и изменяете формы для представления стадии продаж, на которой они находятся.
Добавьте ссылки на социальные сети.
Иногда люди хотят связаться с вами в социальных сетях для быстрого ответа. Предложите им возможность связаться с вами через один из ваших каналов в социальных сетях. Поступая так, вы также даете им возможность узнать больше о вашем бизнесе.
Например, Muse размещает все свои ссылки на социальные сети внизу своей страницы контактов.
Централизуйте параметры связи.
Если вы предлагаете пользователям более одной возможности связаться с вами, добавьте меню в центр целевой страницы «Свяжитесь с нами».Это упрощает пользователям выбор точного способа связи с вами, вместо того, чтобы искать его.
Взгляните на страницу контактов SquareSpace. У них есть варианты для отделов, с которыми можно связаться, в аккуратных ящиках под полем героя.
Сохраняйте дизайн в соответствии с остальной частью вашего веб-сайта.
Хотя страница контактов не всегда может быть самой информативной или интересной, это не означает, что вы должны жертвовать хорошим дизайном. Убедитесь, что ваша страница контактов соответствует вашему бренду.
Это означает, что ваша страница «Свяжитесь с нами» должна иметь такие же цвета, шрифты и изображения, что и другие страницы вашего сайта. Вы же не хотите, чтобы ваш пользователь задавался вопросом, нажал ли он ссылку, которая перешла на совершенно новый сайт.
Помогите пользователям найти вашу контактную страницу.
Страницы «Свяжитесь с нами» часто размещаются в непонятных частях веб-сайтов. Пользователи должны искать ссылку на страницу контактов, что отнимает больше времени и, вероятно, увеличивает их разочарование.
Если вашу страницу «Связаться с нами» сложно найти, ваш пользователь может подумать, что вы не хотите, чтобы люди связывались с вами, и они перейдут к одному из ваших конкурентов, чтобы найти ответы.
Сделайте вашу страницу контактов с нами легко доступной, включив ее в одно из основных меню. Как видите, у Yardi есть ссылка «Связаться с нами» в главном раскрывающемся меню.
Сохраняйте простоту.
Наконец, убедитесь, что ваша страница контактов не загромождена и не запутана слишком большим количеством информации. Он должен быть простым и понятным, чтобы пользователи могли легко выполнять желаемые действия.
Плохие макеты и чрезмерное использование изображений и контента могут вызвать трения у людей, которые просто хотят с кем-то поговорить.Когда вы примете простоту в своем дизайне и содержании, вы достигнете своей цели по превращению большего количества посетителей в потенциальных клиентов.
20 примеров идеальных контактных страниц, которые должны вас вдохновить
Ниже приведены 20 лучших страниц для связи с нами, которые мы смогли найти. Взгляните на каждый из них и запишите несколько вещей, которые вам нравятся — они могут помочь вдохновить на редизайн!
* Примечание. Не все эти страницы включают элементы и передовые методы, описанные выше … но они слишком крутые , а не , чтобы о них говорить.*
1. ЕТИ
В Bluleadz мы любим наши чашки YETI. Вы можете найти по одному на столе у каждого сотрудника (без шуток). Но что еще лучше, чем отличная посуда для напитков YETI, — это их классная страница контактов.
Верхнее изображение привлекает внимание, когда вы попадаете на страницу, и они демонстрируют индивидуальность и юмор компании строчкой: «Хотя мы хорошо разбираемся в дымовых сигналах, для нас есть более простые способы связаться с вами и ответить на ваши вопросы». вопросов.»
Они предлагают множество вариантов, которые помогут вам найти нужную информацию, включая часто задаваемые вопросы, политику доставки и возврата, гарантию, регистрацию продукта и проверку баланса подарочной карты.Эти пути значительно упрощают поиск ответов.
И, если вы все еще не можете найти правильный ответ на свой вопрос, просто нажмите «Отправить нам письмо», и на новой вкладке появится контактная форма. Здесь вы можете ввести свое имя, адрес и выбрать раскрывающийся список того, о чем вы обращаетесь. Затем используйте открытое текстовое поле, чтобы добавить больше деталей и объяснений.
2. Поехали куда-нибудь
Забудьте электронную почту. Отправь открытку!
Или хотя бы сделайте вашу страницу контактов похожей на открытку.Сайт путешествий Let’s Travel Somewhere сохранил свою тему путешествий, создав фантастическую страницу контактов, которая выглядит как открытка.
С помощью простой кнопки CTA вы можете отправить быстрое сообщение Нисе. Однако в правой части страницы вместо адреса, как у большинства открыток, есть ссылки на социальные сети, чтобы пользователи могли заинтересоваться.
Это необычный внешний вид страницы «Контакты», поэтому она выделяется среди других.
3. Грамматика
Сохранение простой и понятной страницы контактов — всегда хорошая идея.В конце концов, пользователи находятся на странице, потому что хотят с вами связаться, поэтому не путайте их слишком большим количеством ненужной информации.
Grammarly отлично демонстрирует пользователям чистый дизайн страниц. У них есть три CTA: один для посещения их страницы для прессы, один для помощи и поддержки и один для связи с отделом продаж.
Подобно дизайну YETI, наличие различных веток на входе позволяет посетителям легче находить то, что они ищут. И, когда вы нажимаете на CTA «Связаться с отделом продаж», вы сразу же перенаправляетесь на подробную контактную форму для отправки их отделу продаж.
Эта чистая, простая в использовании контактная страница хорошо отражает остальную часть бренда и веб-сайта Grammarly. Акцентные цвета оживляют страницу, но в целом дизайн остается профессиональным и полезным.
4. Coca-Cola
Неудивительно, что у такой компании, как Coca-Cola, была отличная страница контактов.
По мере того, как концепция разговорного маркетинга (чат и чат-боты) продолжает набирать популярность, Coca-Cola обязательно креативно включит ее на свой веб-сайт.
Простое в использовании окно чата появляется, как только вы попадаете на страницу, что позволяет легко «спросить Coca-Cola» и получить немедленный ответ из их базы знаний.
Вкладки FAQ также направляют вас прямо к вопросам для тех, кто хочет найти ответы в Интернете. Прокручивая страницу вниз, вы видите их общую контактную информацию, значки социальных сетей и даже место, где можно отправить идею компании.
5. млн унций
Вам не нужен яркий дизайн, чтобы иметь хорошую страницу о себе! Moz делает его простым и конкретным на этой упрощенной странице.
У них есть адрес и жирный желтый призыв к действию, открывающий простую форму для связи со службой поддержки Moz. Ниже приведена мультяшная карта их местоположения. Больше ничего.
Это отличный пример страницы контактов, доказывающий, что вам не нужно перегружать своих пользователей; скорее, простой призыв к действию позволяет им перейти к следующему шагу, когда они будут готовы протянуть руку помощи.
6. UberConference
UberConference — отличная виртуальная конференц-система, которую многие компании используют для общения с командами и клиентами.И когда вам нужно обратиться к ним за поддержкой, вы не будете возражать посетить их аккуратную страницу контактов с нами.
Четко отображаемый номер телефона и адрес электронной почты позволяет легко связаться с кем-либо — не нужно копаться на его веб-сайте в поисках способа связи (разве это не худшее?).
И, как будто они не могли сделать это проще, у них есть форма, которую вы можете использовать, чтобы задать конкретный вопрос и получить на него ответ!
Но одна замечательная особенность их контактной страницы заключается в том, что это не просто способ связаться с командой: на самом деле это еще один способ, с помощью которого UberConference использует пути конверсии в нижней части воронки, которые обращаются к посетителям с разными намерениями.
По мере того, как вы продолжаете прокручивать страницу вниз, вас приветствуют: жирный CTA, побуждающий посетителей подписаться на UberConference.
Это, в сочетании с контактной формой, адресом электронной почты поддержки, и , возможностью обратной связи, действительно является универсальным как для клиентов, так и для потенциальных клиентов.
7. Wendy’s
На странице связи с намиWendy есть простое и понятное сообщение: Свяжитесь с нами в удобное для вас время.
Страница не только красиво оформлена, но и содержит опрос об удовлетворенности клиентов вверху, который позволяет вам поделиться своим мнением об их услугах и продуктах питания.
Они также показывают, что вы можете написать или позвонить им, если у вас есть какие-либо вопросы, комментарии или проблемы. (Кажется, использование смайлов всегда приемлемо.) И не волнуйтесь — они всегда ответят вам, чтобы сообщить, что они это видели.
8. Achieve3000
Вероятно, ваш сайт посещают самые разные люди. Они ищут продажи? Нужна ли им поддержка клиентов?
Achieve3000 позволяет людям, посещающим их сайт, легко находить то, что им нужно, с помощью трех целевых призывов к действию.Сегментируя его таким образом, вы можете упростить каждому возможность связаться с отделом, который им подходит.
Ниже на странице они обязательно включают все соответствующие адреса, номера телефонов и электронные письма в зависимости от того, что вы ищете и с кем пытаетесь связаться. Нет ничего более стрессового, чем позвонить по номеру только для того, чтобы вас перенаправили несколько раз, потому что вы позвонили не по нужному номеру. Achieve3000 устраняет эту проблему для своих посетителей — уф!
9. Zendesk
Разговор о простом.
Zendesk понимает, что люди, заходящие на их страницу контактов, ищут быстрый способ связаться с ними — введите контактную форму с тремя полями.
Все, что они просят, — это рабочий адрес электронной почты, тема (раскрывающийся список между ценами / продажами, выставлением счетов, маркетингом / PR, партнерством или трудоустройством) и быстрое сообщение со ссылкой на ваш охват. Нажмите «Отправить», и кто-нибудь скоро с вами свяжется!
Если вам нужна поддержка по продукту, есть быстрый способ найти ее — просто нажмите на CTA «посетить наш справочный центр» под контактной формой, и вы будете перенаправлены в справочный центр Zendesk.
10. Баттерии
Другой простой дизайн, Batterii требует, чтобы вы только заполнили несколько полей, чтобы связаться с ними. Они не проводят вас через тест на IQ или проверку зрения; они просто хотят узнать вас и намерения вашей компании.
Но вот самое лучшее:
Они также включают свою контактную форму прямо на своей домашней странице!
Это гениальная тактика: предлагайте посетителям возможность связаться с торговым представителем, как только они зайдут на их веб-сайт, — и он ничем не отличается от того, который указан на их странице контактов.На контрасте с яркими цветами и изображениями на заднем плане, контактная форма действительно выделяется при загрузке их домашней страницы.
Но, если вы находитесь на другой странице и хотите связаться с ними, вы можете легко найти выделенную кнопку «Связаться с нами» на панели навигации. (Это дает им двойные бонусные баллы!)
11. Brandaffair
Весь веб-сайт Brandaffair потрясающий… и их контактная страница не разочаровывает.
Хотя простой дизайн упрощает контакт с бизнесом и позволяет меньше отвлекать его, некоторые компании выбирают более визуальный подход, который привлекает внимание и привлекает внимание. Я думаю, что Brandaffair выиграет!
Если вы ищете номер телефона, адрес электронной почты или адрес, вы можете найти его в разделе «Познакомьтесь с нами». А если вы хотите представить проект или обратиться к команде, вы можете заполнить форму в разделе «Расскажите о нас».Довольно круто, правда?
12. Домо
Страница контактовDomo — еще один пример того, что чистый дизайн работает.
Тонкие градиентные значки символизируют различные способы связи с командой, от телефонного звонка до обращения в службу поддержки 24/7. Затем, когда вы продолжите прокрутку вниз, есть возможность заполнить общую форму, чтобы напрямую связаться с Domo с любыми вопросами, комментариями или проблемами.
В дизайне этой страницы нет ничего сумасшедшего, но кажется, что Домо все-таки не хочет казаться сумасшедшим.Их общий дизайн веб-сайтов такой же чистый, поэтому упрощенный подход к этой странице хорошо дополняет их бренд.
13. Вкусная камедьИногда посетителей привлекает разница в том, чтобы придерживаться статус-кво или расширяться и быть уникальными.И для Yummygum, дизайн-студии в Амстердаме, они выбрали второй путь.
Разделенный белый и синий экран обеспечивает отличный контраст сразу после загрузки страницы. В разделе «Мы здесь» вы можете увидеть, как на экране исчезает карта с адресом компании и значками социальных сетей. Затем в разделе «Давайте поговорим» у вас есть возможность связаться с их общим адресом электронной почты или заполнить различные формы, чтобы связаться с представителем.
Что интересно в их контактных формах, так это выбор вариантов контакта; вместо того, чтобы придерживаться нормы и позволять посетителям интересоваться продуктами, услугами, поддержкой клиентов и т. д., о чем можно поговорить:
- Ваш отличный продукт
- Встреча на кофе
- Птицы и пчелы
Хотя они могут не слишком серьезно относиться ко второму и третьему вариантам, это отличный способ привлечь читателя и заставить его протянуть руку. В зависимости от того, что они выберут, им будет открываться другая форма для отправки.
14. Городское влияние Страница контактовUrban Influence идеально вписывается в остальной дизайн их веб-сайтов.Модульные цветные блоки разбивают различные разделы на странице, заставляя ваши глаза переходить к каждому, чтобы увидеть, что происходит.
Согласно верхней части страницы, Urban Influence рекомендует вам подарить им кольцо, отправить им электронное письмо или «заполнить эту изящную форму ниже». С помощью нескольких простых вопросов (и небольшой математики) вы можете связаться с их командой за считанные секунды.
Они также предлагают два способа начать проект и посмотреть, имеет ли ваша компания право работать с Urban Influence. Вверху страницы они включают небольшую гиперссылку, но под их контактной информацией и формой вы можете найти тонкий золотой призыв к действию, чтобы также загрузить анкету потенциальных клиентов и начать работу с ними.
15. ВидьярдВместо того, чтобы использовать несколько призывов к действию или кнопок для направления посетителей в правильном направлении, Vidyard организует их контактную страницу на различных вкладках контактной формы.
Когда вы попадаете на страницу контактов Vidyard, вас встречает фирменное фоновое изображение их логотипа, которое сразу помогает вам идентифицировать их бренд. Затем при прокрутке вы увидите четыре разные вкладки:
- Вопросы
- Стоимость
- Демо
- API
Каждая вкладка содержит различный вспомогательный текст, а также разные формы для заполнения. Таким образом, команда Vidyard точно знает, к чему вы обращаетесь, без необходимости спрашивать вас в форме.Простой, но эффективный выбор дизайна.
16. Проект «Средний палец»
Юмор действительно может иметь большое значение в привлечении новых посетителей и поощрении их к общению. И это именно то, что делает The Middle Finger Project!
Уже будучи интригующим брендом, контактная форма The Middle Finger Project не что иное, как развлечение. В формате, похожем на безумную библиотеку, варианты выпадающего списка довольно забавны, но связаться с основателем Эшем Амбирджем все еще очень легко.
С помощью нескольких коротких щелчков мышью и небольшого смеха вы можете легко связаться с Проектом «Средний палец» о продуктах, идеях, отзывах и многом другом. Как только вы закончите, отправляйтесь со скоростью стаи волков.
И, согласно верхней части их контактной страницы, если вам «нужен сверхбыстрый ответ? Напишите в Твиттере @TMFproject для обслуживания клиентов или забавных мыслей!»
17. Deux Huit Huit
Изначально контактная страница на веб-сайте Deux Huit Huit очень черно-белая — довольно упрощенный дизайн.Но по мере того, как вы продолжаете углубляться в дизайн страницы, это довольно аккуратно.
Когда вы наводите курсор на каждую кнопку (контактная форма, номер телефона, адрес электронной почты, Google Maps и т. Д.), Черно-белый текст превращается в цветной текст, и даже появляется действительно классный эффект пишущей машинки.
Затем, в нижней части страницы, есть раздел «Сказать привет». Щелкните здесь, и тогда начнется настоящее веселье. (Я знаю, что это просто страница веб-сайта, но это так здорово!)
«Сказать привет» — это их версия контактной формы.Нет обязательных полей, нет ограничения на количество символов — просто сообщение, которое вы можете отправить команде. И по мере того, как вы печатаете, цвет фона меняется! (Это заставит вас захотеть написать больше, чтобы вы могли смотреть с трепетом.)
В идеале они по-прежнему хотят, чтобы вы указали свое имя и компанию (если применимо), чтобы они имели контекст вашего сообщения и могли лучше понять, откуда вы.
Кроме того, если вы не укажете электронную почту, вы получите это быстрое сообщение: «Хм … Вы не указали, как мы можем с вами связаться.Вы все равно хотите отправить сообщение? »Итак, не забудьте оставить одно, чтобы они могли ответить!
18. HubSpotНеудивительно, что мы большие сторонники HubSpot — как агентство Diamond Partner, мы все находимся в поезде HubSpot.
Но помимо этого, мы действительно обожаем дизайн их веб-сайтов! Если вы еще не проверили это, они используют действительно чистую и забавную анимированную графику в качестве визуальных эффектов … при загрузке страницы создается ощущение, что я вступаю в мультфильм.
Тем не менее, их контактная страница использует несколько иной подход — они показывают реальные изображения реальных офисов и реальных людей. Когда вы связываетесь с ними, они хотят, чтобы вы знали , с кем вы связываетесь.
Изначально под заголовком «Связаться с нами» у вас есть два варианта: поговорить с отделом продаж или связаться со службой поддержки.Когда вы нажимаете связаться со службой поддержки, вы перенаправляетесь на их страницу поддержки, где вы можете искать любой из ваших вопросов и позволить их технологиям копаться в их базе знаний, чтобы (надеюсь) найти для вас ценный ответ.
Все еще не можете найти то, что ищете? Прокрутите вниз, чтобы узнать о различных вариантах обращения в службу поддержки HubSpot. Отправляете ли вы заявку, спрашиваете ли вы у сообщества, пишете в Твиттере на HubSpot или звоните, кто-то всегда готов помочь.
19. АнакинХотя дизайн очень нестандартный, результат чертовски крутой.
Я бы не советовал применять этот подход на каждой странице контактов, похоже, он работает для Anakin, дизайн-студии в Германии, потому что их общий дизайн очень громкий и смелый.
Очень простая форма гласит: «Я [имя], мой адрес электронной почты [адрес электронной почты], я отправляю вам [слова] сейчас». Как только вы закончите заполнение, просто нажмите желтое «сейчас», и ваше сообщение будет отправлено.
Так как их форма очень наглядная, остальная часть их контактной страницы очень чистая и использует много белого пространства.Достаточно простого приветствия, адреса, электронной почты и номера телефона.
20. Bluleadz
Не то чтобы мы хотели гудеть сами, но нам очень нравится наша собственная страница контактов!
Несколько лет назад мы провели ребрендинг нашего веб-сайта, и страница контактов была лишь одним из элементов этого. С нашей расширенной цветовой схемой и новыми элементами градиента, тени и волны мы вложили все силы в страницу, чтобы сделать ее привлекательной и простой в использовании.
На заднем плане у нас есть карта расположения нашего офиса с адресом, номером телефона и электронной почтой.Мы также использовали эту возможность, чтобы включить призывы к действию, чтобы узнать о спонсируемых гостевых блогах, присоединиться к команде и отправить запросы на работу над проектом. План состоит в том, чтобы упростить получение информации об этих общих запросах, которые мы получаем.
Когда у вас будет отличная страница контактов, будьте готовы привлекать больше потенциальных клиентов. Еще лучше: вы можете подготовить свой отдел продаж к обстоятельному разговору с людьми, которые могут быть готовы стать вашим следующим счастливым клиентом.
Как сделать ваши URL-ссылки красивыми и легко запоминающимися с помощью Pretty Links! —
Tl; dr: Проверьте Pretty Links, чтобы сделать уродливые длинные URL-адреса короткими и легко запоминающимися
У вас есть URL-адреса или ссылки для множества страниц.Некоторые из них действительно важны, например, ваш главный пост в блоге … Может быть, только заголовок будет длинным, и его будет трудно запомнить. Разве не было бы замечательно, если бы вы могли создавать собственные ссылки… что-то, что даже вы можете вспомнить и рассказать друзьям и клиентам? Что ж, вот классная вещь, которую можно узнать!
Вы можете не только делать это для своих веб-страниц, но также можете использовать их для уродливых партнерских ссылок. Я научу вас, как настроить это для обоих.
Инструмент, который вам нужен сейчас
Есть инструмент WordPress, который я очень рекомендую, он называется Pretty Links.А что это за колдовство?
Это «инструмент перенаправления» URL. Он убирает ваши уродливые ссылки, поэтому они становятся короче, ими легче делиться и легче запоминать.
Еще одна полезная вещь, которую следует знать, — это то, что вы можете отслеживать количество кликов для каждой созданной вами настраиваемой ссылки. Так что, если вы находитесь на сцене и говорите проверить URL-адрес XXX, вы действительно можете точно увидеть, сколько людей в аудитории не спали, я имею в виду, сделали, как вы просили, и перешли по ссылке. Вы можете сделать то же самое с подкастом или видео на Youtube.
Иди сюда, чтобы получить это.
Ссылки на веб-сайты
Для ссылок на ваш сайт вам потребуется эта настройка. Это ваши следующие шаги:
- В админке WordPress перейдите в Plugins> Add New, добавьте Pretty Links и нажмите «Установить».
- В Pretty Link нажмите Добавить новую ссылку!
- Установите для типа перенаправления значение «301 (постоянное)».
- Вставьте URL-адрес, который нужно сжать, в поле «Целевой URL-адрес».
- Например: https://itunes.apple.com/gb/podcast/askalex-your-startup-strategy-fundraising-scaling-financial/id1324736668?mt=2
- Установите в поле Pretty Link что-нибудь легко запоминающееся, например «askalexitunes».
- Итак, ваша ссылка становится: https://www.alexanderjarvis.com/askalexitunes
- Не нажимайте «Нет подписки» или «Пересылка параметров»
- Включите «Отслеживание», чтобы вы могли отслеживать, сколько людей нажимают на него
- Нажмите «Создать» внизу…
Теперь у вас есть красивый, легко запоминающийся URL-адрес, который вы можете использовать на своем сайте и даже говорить в своем подкасте. Намного лучше сообщить аудитории свой легко запоминающийся URL (alexanderjarvis.com/askalexitunes), чем сказать им «Найди меня» в iTunes;).
Вот мои настройки в Pretty Links.
Партнерские ссылки
Если вы настраиваете партнерскую ссылку для получения пассивного дохода, вы хотите использовать другие настройки. Не нужно вдаваться в скучные технические подробности.
Итак, я использую Convertkit для автоматизации маркетинга и считаю, что это круто. Я разделяю это, и если людям понравится моя рекомендация, я получаю реферальную плату. Это не будет стоить читателю ни копейки, но поможет покрыть расходы на все эти SaaS, за которые мне приходится платить, чтобы запустить сайт, а это пара сотен долларов в месяц!
Моя партнерская ссылка уродлива и не имеет смысла.Поэтому я использую Pretty Links. Теперь, что это за настройки?
Это те же шаги, что и выше, но вы хотите нажимать другие кнопки.
- В админке WordPress перейдите в Плагины> Добавить новый, добавьте Pretty Link и нажмите «Установить».
- В Pretty Links нажмите Добавить новую ссылку!
- Установите для типа перенаправления значение « 307 (временное) ».
- Вставьте URL-адрес, который нужно сжать, в поле «Целевой URL-адрес».
- Например: https://mbsy.co/convertkit/30148081
- Установите в поле Pretty Link что-нибудь легко запоминающееся, например «convertkit».
- Таким образом, ваша ссылка становится: https://www.alexanderjarvis.com/convertkit
- Нажмите «Нет подписки»
- Не нажимайте «Пересылка параметров»
- Включите «Отслеживание», чтобы вы могли отслеживать, сколько людей нажимают на него
- Нажмите «Создать» внизу…
Теперь это выглядит ЭТО, когда я вставляю ссылку в текст.
Вот мои настройки в Pretty Links для партнерских настроек:
Есть два способа использования партнерских ссылок:
- То, что вы рассказываете людям
- Те, кого вы вставили и хотите отслеживать
Я только что объяснил первый вариант использования, поэтому займемся вторым.
Если вы хотите хитрить, как хобит… вы можете. Вы можете создать несколько Pretty Link и использовать их в разных местах и использовать отслеживание, чтобы увидеть, какие из них работают (или нет). Итак, вы могли сделать это:
- Скажите людям это : alexanderjarvis.com/convertkit
- Разместите на странице о себе : alexanderjarvis.com/convertkit-about
- Поместите на страницу ресурса : alexanderjarvis.com/convertkit-resource
- Присылайте свои электронные письма : alexanderjarvis.com / convertkit-email
Если никто не нажимает на что-то, значит, ваша страница или ваша презентация — отстой, и вам стоит подумать о тестировании чего-то нового! Данные потрясающие!
Давай, пользуйся!
Присоединяйтесь к игре
Бесплатные инструменты и ресурсы, подобные этой, доставляются вам по мере их появления.
Успех! Теперь проверьте свою электронную почту, чтобы подтвердить подписку.
12 лучших примеров страниц «Свяжитесь с нами», которые вы захотите скопировать
Когда вы думаете о хорошем дизайне веб-сайта, вы, вероятно, думаете о домашней странице веб-сайта, или о блоге, или о страницах их продуктов.
А как насчет страницы «Свяжитесь с нами» на веб-сайте?
Слишком многие дизайнеры веб-сайтов помещают контактные страницы в конец списка приоритетов с точки зрения копирайтинга и дизайна. Подумайте, сколько страниц с контактами вы наткнулись и выглядели так, как будто они были созданы в 1990-х годах, даже если остальная часть веб-сайта прекрасна и обновлена.
Это, друзья мои, большая ошибка. Ваша страница «Свяжитесь с нами» — одна из четырех самых важных страниц на вашем веб-сайте. Для большинства компаний это, как правило, одна из самых посещаемых страниц сайта.
Итак, как выглядят отличные страницы «Свяжитесь с нами»?
Обычно лучшие страницы контактов…
- Объясните , почему кому-то следует с ними связаться, и опишите, как они могут помочь решить проблемы своих посетителей.
- Включите адрес электронной почты и номер телефона , чтобы посетители могли быстро найти нужную информацию.
- Включите короткую форму , используя поля, которые помогут компании понять, кто с ними связывается.
- Включите призыв к действию , чтобы люди оставались на своем веб-сайте, и предоставьте им другой вариант, если они не хотят заполнять форму.
- Продемонстрируйте лидерство компании, , будь то включение списка последних сообщений в блогах или статей о компании в прессе.
- Ссылка на активные учетные записи социальных сетей , таких как Twitter, Facebook, Instagram и LinkedIn, чтобы дать посетителям возможность участвовать в бизнесе.
- Перенаправьте на страницу благодарности , на которой объясняется, когда и как вы с ними свяжетесь.
Готовы вдохновиться? Ниже мы собрали 12 примеров некоторых из лучших страниц «Свяжитесь с нами». Проверьте их — и подумайте, как вы можете включить некоторые из этих идей в дизайн своей собственной страницы контактов. (Чтобы просмотреть больше страниц «Свяжитесь с нами», ознакомьтесь с текущей коллекцией дизайнов страниц контактов Crayon здесь.)
12 лучших примеров страниц «Свяжитесь с нами»
1) Тюнинг
На странице контактов Tune много хорошего: красивый дизайн, призывы к действию, четко отображаемая контактная информация и форма в нижней части страницы для посетителей, которые хотят связаться с конкретными вопросами.
Что мне больше всего нравится в их странице, так это то, насколько они приветливы. С текстом типа «Мы здесь, чтобы помочь!» и «Обращайтесь к нам в любое время, и мы с радостью ответим на ваши вопросы», — это заставляет посетителей чувствовать, что о них позаботились. Контактные страницы многих компаний довольно холодные, но чем более дружелюбным вы сделаете копию своей страницы, тем лучше вы дадите понять своим посетителям. В конце концов, вы должны захотеть, чтобы они связались с вами, чтобы вы могли им помочь и начать строить отношения.
[См. Полную страницу «Свяжитесь с нами» здесь.]
2) Достичь 3000
Как и многие другие компании, у Achieve3000 есть много разных людей, посещающих их веб-сайт, и то, о чем эти люди хотят с ними связаться, может сильно различаться. Вот почему они решили пойти дальше универсального подхода.
Под этим красивым изображением героя и несколькими словами, объясняющими, что посетители получат, когда они свяжутся с ними, вы найдете три варианта: вы можете запросить демонстрацию, вы можете обратиться к торговому представителю или вы можете связаться с покупателем. служба поддержки.Каждый из этих вариантов ведет к отдельной целевой странице, такой как та, которую я включил под этим снимком экрана. Какой отличный способ удовлетворить самые распространенные потребности ваших посетителей.
[См. Полную страницу «Свяжитесь с нами» здесь.]
Вот форма целевой страницы, созданная специально для запросов в службу поддержки:
3) Выборочная проверка
Безусловно, лучшая вещь на странице «Свяжитесь с нами» Choice Screening — это их копия.Нет ничего лучше, чем это — все начинается с этого краткого, восхитительного заголовка «Поговори с человеком».
Вслед за всей этой большой копией идет хорошо организованная страница с контактной информацией, включая электронные письма для каждого отдельного отдела, за которыми следует форма. Для большинства предприятий форма немного длинновата, но для предприятий, которые проводят всевозможные проверки биографических данных, поля формы, вероятно, необходимы, чтобы помочь им организовать все свои запросы.
Обдумывая, какой длины должны быть ваши собственные формы , подумайте, хотите ли вы, чтобы поступало больше запросов или запросы более высокого качества.Если у вас есть другие, более простые способы связи с вами, более длинная форма может быть приемлемой для некоторых предприятий.
[См. Полную страницу «Свяжитесь с нами» здесь.]
4) Атлас 1031 Обмен
На первый взгляд контактная страница Atlas 2031 Exchange не отличается самым привлекательным дизайном. Но если вы присмотритесь, вы поймете, что на ней есть все аспекты отличной страницы «Свяжитесь с нами» — и это начинается с функциональности.
На странице подробно объясняется, насколько они отзывчивы на вопросы: «Мы невероятно отзывчивы на ваши запросы и ценим ваши вопросы.Затем они фактически перечисляют того, что люди получат, когда зададут вопрос, включая обещание короткого времени ответа — 12 часов или меньше. На странице также есть удобная для чтения контактная информация, кнопки социальных сетей, ссылки на предложения и даже список недавно опубликованных сообщений в блогах. Отличная работа.
[См. Полную страницу «Свяжитесь с нами» здесь.]
5) Моррони
Давайте будем честными … в наши дни большинство людей предпочитают заполнить форму, чем позвонить по телефону и поговорить с кем-нибудь.Выбирая, о чем спрашивать людей в ваших формах, убедитесь, что вы выбрали те, которые помогут вашей конкретной компании понять человека, с которым вы связываетесь, и даже помогут вам квалифицировать их как потенциальных клиентов.
Конечно, некоторым людям нравится поднимать трубку … отсюда и восхитительная шутка перед номером телефона. Нам также нравится тест Моррони «вызов-ответ», чтобы выяснить, являются ли посетители людьми: «Как у тебя с математикой? 2 + 6 =? ».
[См. Полную страницу «Свяжитесь с нами» здесь.]
6) Дубсат
«Чем мы можем вам помочь?»
Это классический вопрос службы поддержки клиентов. Если задуматься, разве страница контактов не похожа на место, где можно предложить отличное обслуживание клиентов?
Именно так ребята из Dubsat создают свою контактную страницу. Под красивым изображением героя находится этот простой вопрос, за которым следует раскрывающееся меню, которое поможет персонализировать опыт. Если посетители решат поговорить с отделом продаж, они увидят одну форму в нижней части страницы. Если они решат получить поддержку для одного из конкретных сервисов Dubsat, они увидят, что появится другой.
Они также в забавной форме показывают свою общую контактную информацию. Продолжайте прокручивать, и вы увидите визуальный список городов, в которых они расположены. Наведите указатель мыши на эти города, и изображение изменится на это место на карте вместе со всей необходимой контактной информацией. Очень красиво и продуманно.
Вот как выглядит вся страница:
[См. Полную страницу «Свяжитесь с нами» здесь.]
7) Pixpa
Вы будете удивлены, сколько страниц «Свяжитесь с нами» не содержат призывов к действию.Хотя основная цель вашей контактной страницы — помочь людям связаться с вашей компанией, всегда будут люди, которые попадут на страницу и не захотят заполнять форму. Вот где может хорошо вписаться небольшой вторичный призыв к действию.
Это может быть просто кнопка, ведущая к вашему блогу. Или он может побудить людей продемонстрировать ваш продукт, загрузить руководство или посмотреть видео. Ребята из Pixpa решили добавить CTA внизу своей страницы «Свяжитесь с нами», чтобы получить бесплатную пробную версию. Таким образом, они приносят пользу людям, которые попадают на страницу и действительно просто хотят поговорить напрямую с торговым представителем.
[См. Полную страницу «Свяжитесь с нами» здесь.]
8) PeopleMetrics
Иногда самый простой подход — лучший подход. Контактная страница PeopleMetrics чиста, хорошо написана и выполняет именно то, что должна делать. Они знают, что большинство людей, попадающих на их контактную страницу, ищут самый простой и лучший способ связаться с ними, поэтому они не позволяли никакому тяжелому дизайну мешать.
Чтобы сделать жизнь людей еще проще, они позволяют вам использовать учетную запись Facebook или Google Apps, что еще больше сокращает путь конверсии.Кроме того, нам нравится, насколько разговорчивый и веселый текст: «Чувствуете себя формальным? Тогда заполните это, и мы свяжемся с вами ».
[См. Полную страницу «Свяжитесь с нами» здесь.]
9) Legalia
Вот еще одна контактная страница с чистым функциональным дизайном. Вся необходимая информация, включая краткую форму, собрана в небольшом пространстве, в котором не будет тесно. Один из способов добиться этого — превратить эти большие изображения здания в карты локаций. Это можно сделать, нажав кнопку «voir le plan» («просмотреть карту») под адресом.
Я также хотел бы отметить небольшую, но важную деталь для компаний, у которых есть международные клиенты. Узнайте, как Legalia добавила префикс для кода своей страны при указании номера своего контактного телефона. Многие люди не обращают на это внимания, если они не привыкли сами набирать международные префиксы, но вашим международным коллегам и клиентам очень полезно иметь его прямо здесь. Вот список кодов стран, если вы не знаете свой.
А вот как выглядит вся страница:
[См. Полную страницу «Свяжитесь с нами» здесь.]
10) Эллуминати
Люди из Elluminati сосредотачивают внимание на своей странице на местоположении, начиная с изображения героя вверху, которое на самом деле является встроенной картой Google с их местоположением. Пользователи могут нажимать на карту, увеличивать и уменьшать масштаб и искать маршруты в приложении Google Maps прямо на этой встроенной карте, что полезно для всех, включая пользователей мобильных устройств.
И хотя белый текст в некоторых случаях может немного раздражать, он хорошо работает на привлекательном цветном фоне.Нам также нравятся включенные в них более тонкие и очень плавные элементы дизайна, например кнопки социальных сетей, которые окрашиваются цветом при наведении курсора мыши.
Вот как это выглядит:
[См. Полную страницу «Свяжитесь с нами» здесь.]
11) Weifield Group Contracting
Ввиду продолжающегося роста числа просмотров веб-сайтов с мобильных устройств и того, что Google в значительной степени отдает предпочтение веб-сайтам, оптимизированным для мобильных устройств, на страницах результатов поисковых систем, важно, чтобы все страницы вашего веб-сайта, включая страницу «Свяжитесь с нами», были адаптированы для мобильных устройств.
Это включает в себя упрощение навигации, создание коротких и понятных форм, включая большие кнопки CTA, которые легко нажимать большим пальцем, и большие поля формы, которые позволяют людям легко заполнять их на своих мобильных устройствах вместо того, чтобы сжимать и масштабировать .
Контактная страница Weifield Group — отличный пример страницы, удобной для мобильных устройств и быстро реагирующей. Сначала ознакомьтесь с настольной версией их страницы контактов, а затем с их страницей контактов на мобильных устройствах и обратите внимание, как они оптимизировали каждую часть своей страницы для мобильных устройств.Текст большой, поля формы легко заполняются, а их кнопка CTA большая и легко нажимается, что делает работу с мобильными устройствами более удобной.
Вот настольная версия:
[См. Полную страницу «Свяжитесь с нами» здесь.]
А вот и мобильная версия:
Клиенты HubSpot: Если ваш веб-сайт находится в системе оптимизации содержания (COS), то с технической точки зрения ваш сайт уже оптимизирован для мобильных устройств.HubSpot COS использует адаптивный дизайн, адаптирующийся к любому мобильному устройству, и полностью проходит проверку на наличие запахов по новому алгоритму Google.
12) Выжить
Страница контактовSurvicate — еще один пример красиво простого макета в сочетании с дружелюбной и приветливой копией. Мне нравится подзаголовок в нижней части страницы и прямо над формой, который гласит: «Давайте поговорим о вашем проекте». Такой разговорный, разговорный язык — это именно та копия, которая заставляет посетителей чувствовать себя ближе к бренду.
Сама форма проста, с большими полями и кнопками CTA, что делает ее очень удобной для мобильных устройств. Ниже они изложили всю типичную контактную информацию — адрес офиса, номер телефона, электронную почту, часы работы и т. Д. — в удобной для чтения и сканирования форме.
Наконец, мне нравится, что их значки и основной CTA имеют тот же желтый цвет, что и их логотип. Все эти простые штрихи создают чистый, визуально привлекательный дизайн.
[См. Полную страницу «Свяжитесь с нами» здесь.]
Итак, вот и он: список некоторых из лучших страниц «Свяжитесь с нами». Взгляните на контактную страницу своей компании и посмотрите, как она складывается — или есть ли какие-либо изменения, которые вы можете внести, чтобы сделать посетителей вашего сайта более удобными, удобными и приятными.
Какие замечательные страницы «Свяжитесь с нами», по вашему мнению, стоит добавить в этот список? Поделитесь с нами в комментариях ниже.
Pretty Links — Плагин для управления ссылками, брендинга, отслеживания и обмена — плагин для WordPress
Pretty Links поможет вам сжимать, украшать, отслеживать, управлять и делиться любыми URL-адресами на вашем веб-сайте WordPress или за его пределами.Создавайте ссылки, которые выглядят так, как вы хотите, используя собственное доменное имя!
Pretty Links
Pretty Links позволяет вам сокращать ссылки, используя собственное доменное имя (в отличие от tinyurl.com, bit.ly или любой другой службы сокращения ссылок)! В дополнение к созданию чистых ссылок Pretty Links отслеживает каждое попадание по вашему URL-адресу и предоставляет полный подробный отчет о том, откуда пришло обращение: браузер, операционная система и хост. Pretty Links — это потрясающий плагин для людей, которые хотят очистить свои партнерские ссылки, отслеживать клики по электронной почте, их ссылки в Твиттере, которые поступают из их собственного домена, или в целом увеличить охват своего веб-сайта, распространяя эти ссылки на форумах или в комментариях. другие блоги.
Примеры ссылок
Это настройка ссылки с использованием Pretty Links, которая перенаправляет на домашнюю страницу Pretty Links, где вы можете найти дополнительную информацию об этом плагине:
http://blairwilliams.com/pl
Вот названная симпатичная ссылка (я использовал ярлык «aweber»), которая выполняет 307 редирект на мою партнерскую ссылку для aweber.com:
http://blairwilliams.com/aweber
Вот ссылка, для которой Pretty Links сгенерировал случайный слаг (аналогично тому, что сделали бы bit.ly или tinyurl):
http: // blairwilliams.com / w7a
Характеристики
- Дает вам возможность создавать чистые, простые URL-адреса на вашем веб-сайте, которые перенаправляют на любой другой URL-адрес (допускаются только перенаправления 301, 302 и 307)
- Создает случайные заголовки из 3-4 символов для вашего URL-адреса или позволяет указать настраиваемый заголовок для вашего URL-адреса
- Отслеживает количество кликов на ссылку
- Отслеживает количество уникальных кликов на ссылку
- Предоставляет интерфейс отчетов, в котором вы можете увидеть настраиваемую диаграмму кликов в день.Этот отчет может быть отфильтрован по конкретной ссылке, диапазону дат и / или уникальным кликам.
- Просмотр сведений о кликах, включая IP-адрес, удаленный хост, браузер (включая версию браузера), операционную систему и ссылающийся сайт
- Скачать подробную информацию об обращении в формате CSV
- Интуитивно понятный пользовательский интерфейс администратора Javascript / AJAX
- Передайте пользовательские параметры своим скриптам через красивую ссылку и сохраните полную возможность отслеживания
- Исключить IP-адреса из статистики
- Позволяет отправлять красивые ссылки по электронной почте прямо от администратора WordPress.
- Выберите временное (302 или 307) или постоянное (301) перенаправление для ваших красивых ссылок
- Система на основе файлов cookie для отслеживания активности посетителей по кликам
- Создание ссылок nofollow / noindex
- Включение / выключение отслеживания для каждой ссылки
- Букмарклет Pretty Links
Pretty Links Pro
Обновление до Pretty Links Pro
Pretty Links Pro — это значительное обновление , которое добавляет множество инструментов и типов перенаправления, которые позволят вам автоматически создавать красивые ссылки, скрывать ссылки, заменять ключевые слова в вашем блоге красивыми ссылками, классифицировать и отмечать ваши красивые ссылки и многое другое. .Вы можете узнать больше о Pretty Links Pro здесь:
Подробнее | Цена
Загрузите файл pretty-link.zip в каталог / wp-content / plugins /.
Активируйте плагин через меню «Плагины» в WordPress
Убедитесь, что вы изменили общие настройки постоянной ссылки в меню «Настройки» -> «Постоянные ссылки» с «По умолчанию» на что-то другое. Я предпочитаю использовать custom, а затем «/% year% /% month% /% postname% /» для простейших возможных URL-слагов с наилучшей производительностью.
«Pretty Links — подключаемый модуль для управления ссылками, брендинга, отслеживания и обмена» — это программное обеспечение с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.
авторов3.2.3
3.2.2
- Показывать ярлык ссылки вместо полного URL в списке
- Поддержка PHP 8.0
- Pro: исправить ключевые слова, заменяемые в скриптах
3.2.1
- Настройки пользовательского интерфейса
- Pro: исправить автоматически созданные ссылки, не использующие запрошенный ярлык
- Pro: теперь поддерживается вес вращения ссылок 1%
3.1,1
- Удалите повторяющиеся запросы, чтобы повысить производительность
- Исправить проблему совместимости с языковым префиксом WPML в URL
- Pro: исправление бесконечных циклов с поврежденными или отсутствующими файлами импорта
3.1.0
- Добавить поддержку спонсируемого тега rel
- Добавить спонсируемую поддержку переключения в редакторах gutenberg и tinymce
- Исправить графики отчета, которые не загружаются для некоторых
- PRO: Исправлена ошибка с заменой ключевых слов
- PRO: Убрана поддержка GA
3.0,10
- Добавить поддержку nofollow во всплывающем окне Gutenberg
- Исправлена установка post_author равной 0 на CPT
- Исправление для создания дублирующихся ссылок
- Исправить порядок кликов в списке ссылок
- Исправить раскрывающийся список перенаправления WP 3.5
3.0.9
- Измените сочетание клавиш на CTRL + P вместо CTRL + K
- Поддержка Nofollow и отслеживания быстрого редактирования и массового редактирования на странице списка ссылок
- Исправить замену ключевого слова регулярным выражением
3.0,8
- PRO: снимается флажок Исправить замену при использовании компоновщика страниц
3.0.7
- Исправить неработающую страницу Добавить новую ссылку — конфликты тем
3.0.6
- Отключить клавишу «Enter» в поле «Целевой URL»
- Добавить копию в буфер обмена на странице добавления / редактирования ссылки
- Исправить неправильное отображение сообщения при обновлении ссылки
- Перенаправить на страницу со списком ссылок после создания или обновления ссылки
- Добавить возможность сортировки по кликам в таблицу списка ссылок
3.0,5
- Исправить конфликт описания с подключаемым модулем WP Product Review
- Избегайте конфликтов позиций меню
- Добавить столбец Target в таблицу списка ссылок
- Отключить автосохранение ссылок
- Исправить ссылки, имеющие статус Черновика при создании
- Исправить невозможность создания / редактирования ссылок до сохранения параметров
- Исправить проблему цвета Prettybar при сохранении параметров плагина
3.0.4
3.0.3
- Исправить конфликт Avada Fusion Builder
- Исправить кеширование перенаправления на странице обновления / приветствия
- Исправить конфликт с плагином WP Product Review
3.0,2
3.0.1
- Устранение проблем при доступе к подключаемому модулю от имени пользователя без прав администратора
- Упростите проверки в is_slug_available
- Добавить заголовок и URL в качестве доступных для поиска полей в списке ссылок
- Исправление проблем с высокой загрузкой ЦП и огромными размерами журналов
- Исправить проблему макета на странице обновления
- Исправить миграцию категорий, не выполняющуюся
- Исправить ошибки, когда даты равны нулю
- Вызов wp_cache_delete после update / delete_option
- Перенаправлять только в случае успешного удаления, код состояния перенаправления 307
- Исправить неудачные миграции категорий / cpt
3.0,0
- Обновленный интерфейс администратора, особенно интерфейс ссылок администратора, включая список ссылок, добавление новых ссылок и редактирование ссылок
- Добавлена кнопка «Вставить красивую ссылку» для блоков абзацев Гутенберга
- Исправления и повышение безопасности
- Фиксированный ярлык недоступен Ошибка
- Удалены группы симпатичных ссылок (пользователи Lite по-прежнему смогут получить доступ к устаревшим группам на странице со списком ссылок, но для профессиональных пользователей и пользователей Lite, которые обновятся до Pro, их группы будут перенесены в категории ссылок)
- ТОЛЬКО PRO: добавлены категории Pretty Link
- ТОЛЬКО PRO: добавлены теги Pretty Link
- ТОЛЬКО ДЛЯ ПРОФЕССИОНАЛОВ: исправлены некоторые проблемы с импортом и экспортом Pretty Link
- Множество других мелких исправлений и улучшений
Совет 12 из 31: Удобство использования — сделайте номера телефонов и адреса электронной почты веб-сайтов интерактивными
Довольно простой совет для обсуждения, хотя, возможно, его не слишком легко реализовать в зависимости от того, как был построен ваш веб-сайт.Совет 12 рассматривает простой аспект удобства использования, позволяя потенциальным клиентам легче связаться с вами, поскольку адреса электронной почты и номера телефонов на вашем веб-сайте являются интерактивными.
Чтобы не отставать от всех 31 совета, просмотрите полный список здесь или подпишитесь на информационный бюллетень для получения еженедельной сводной электронной почты, или подпишитесь на нас в предпочитаемом социальном канале: LinkedIn, Facebook, Twitter, Instagram, Pinterest или подпишитесь на наш канал на Youtube .
Зачем нужно делать электронные письма и номера телефонов интерактивными?
Во-первых, давайте выделим некоторые контраргументы, которые мы слышали на протяжении многих лет:
- «Клиенты могут просто набрать номер на своем телефоне, так зачем же делать его интерактивным?»
- «У меня есть контактная форма на моем веб-сайте, поэтому мне не нужно делать адрес электронной почты интерактивным»
- «Я не хочу, чтобы меня забрасывали сообщениями из-за того, что я сделал электронный адрес интерактивным»
- «Телефонные звонки не являются моим основным призывом к действию, поэтому я не делаю их интерактивными»
Мы ценим эти контраргументы и знаем, что реализовать их не всегда просто.
Однако мы думаем, что наш аргумент довольно прост.
Вы уже разместили эти данные о телефоне и адресе электронной почты на своем веб-сайте! Таким образом, мы предполагаем, что вы сделали это, чтобы люди могли позвонить вам или написать вам по электронной почте, если захотят?
Если бы вы не хотели, чтобы люди звонили или писали по электронной почте, вы бы просто не размещали подробности на сайте.
Итак, если вы разместили эти контактные данные на своем веб-сайте, то вы в некоторой степени ожидаете, что некоторые посетители сайта будут их использовать.
Если это так, то улучшите качество обслуживания тех пользователей, которые могут с вами связаться, позволив им щелкнуть номер телефона и адрес электронной почты, вместо того, чтобы заставлять их копировать и вставлять или записывать и повторно вводить.
Также помните о росте использования смартфонов для просмотра веб-страниц, увеличивающих шансы того, что люди попытаются щелкнуть по номеру телефона.
По данным Statcounter, доля рынка мобильной связи выросла с 26% в 1 квартале 2015 года до 48% к 1 кварталу 2020 года. Источник: https: // gs.statcounter.com/platform-market-share/desktop-mobile-tablet/united-kingdom/
Как сделать их кликабельными?
Это во многом зависит от того, как был построен сайт, и от того, насколько хорошо вы работаете с кодом. Возможно, вам придется поговорить с разработчиком.
Стандартная ссылка HTML
На языке программирования текст становится интерактивной ссылкой, если он заключен в тег «href». Например, чтобы сделать текст «щелкните здесь» интерактивным и указать ссылку на нашу домашнюю страницу, код будет выглядеть так:
Многие платформы (WordPress, Shopify и т. Д.) Имеют кнопки для создания ссылок во встроенных текстовых редакторах, которые пишут этот код за вас. Вы просто выбираете текст «нажмите здесь», нажимаете кнопку ссылки и вставляете целевую ссылку.
Подробнее о HTML-ссылках в школах W3: https://www.w3schools.com/html/html_links.asp
Телефонная ссылка HTML
Телефонная ссылка работает точно так же. Единственная разница в том, что содержание внутри цитат меняется.Чтобы текст «Позвоните нам: 123456789» стал интерактивным, код должен выглядеть так:
Позвоните нам по телефону: 123456789
HTML-ссылка на адрес электронной почты
Ссылка на адрес электронной почты снова похожа. Если бы мы хотели сделать «Пишите нам по адресу: [email protected]» интерактивным, код выглядел бы так:
Напишите нам по адресу: [email protected]
Не стесняйтесь опробовать приведенные выше примеры на своем собственном сайте, изменив назначение ссылки и интерактивный текст на свои собственные данные!
Просмотреть все 31 совет
Чтобы узнать обо всех 31 советах по цифровому маркетингу из этой серии, перейдите к основной записи блога.
Хороших выходных. | Чашка Джо
Что ты собираешься делать в эти выходные? В воскресенье вечером я еду в Англию к тете и бабушке! За последние два года мы четыре раза проверяли нашу поездку, но, в конце концов, мы с Алексом решили, что мне нужно поехать в Корнуолл один. (Он остается дома с мальчиками, поскольку они еще не могут пройти вакцинацию.) Мне не терпится обнять этих прекрасных дам. Надеюсь, у вас есть хороший, и вот несколько ссылок со всего Интернета…
Копаем новый подкаст Сета Рогена.
Яблочное печенье с соленой карамелью, ням.
«Темнокожие терапевты» по-прежнему популярны на телевидении, но теперь они стали более глубокими.
Эта подписка на кофе ДЕЙСТВИТЕЛЬНО хороша. (Пройдите тест здесь.)
Вы бы носили колючую булочку?
«Это школа вашего ребенка, и хотя в форме для связи на случай чрезвычайной ситуации указан ваш муж, вы нам нужны, мама».
Очень крутое доступное искусство.
«Мой эксперимент по спасению рассудка, вдохновленный малышами». Вы бы попробовали это?
Логотипы с изюминкой.
Красивые деревья по всему миру.
И отличные новости: Primary Kids запускает эксклюзивный ранний доступ к своим друзьям и семье распродажи. Используйте код COJ30, чтобы получить скидку 30% на весь заказ. (Нам это нравится!)
Plus, четыре комментария читателей:
Рассказывает Кармен о том, какие забавные слова неправильно произносят ваши дети: «Мой ребенок называл высокие каблуки« ботинками с прописными буквами », и это до сих пор меня раздражает».
Элизабет рассказывает о том, какие популярные рецепты вам известны: «Сыр Бурсен.Вот и все. Вот рецепт. Поставьте красивую тарелку, выберите свой сосуд с чипсами (бублик, лаваш) и наблюдайте, как толпа обезумела ».
Элли рассказывает о том, какие забавные слова неправильно произносят ваши дети: «Не по-детски, но по-детски: когда болезнь Альцгеймера побеждала память моего дедушки, он придумывал творческие альтернативы словам, которые он не мог вспомнить.