В этой статье я расскажу вам о нескольких способах, как добавить на сайт кнопки социальных сетей. Из них мне больше всего понравился первый способ — кнопки от сервиса goodshare , поэтому о нем я и расскажу в первую очередь.
Кнопки от GoodShare — для тех, кому нужна свобода в настройке
На сайте сервиса вы точно не потеряетесь. Ровно посередине находится кнопка установки скрипта, по нажатии на нее нам будет предложено 2 варианта. Я рекомендую первый, подключение через CDN. Копируем код и вставляем его куда нибудь в подвал сайта, перед закрывающим тегом body. В wordpress нужно вставить в footer.php.
Отлично, теперь вернитесь на главную страницу сервиса и перейдите на вкладку Документация . Тут вы можете увидеть код всех доступных соц. сетей. Также выше вы можете прочитать о том, что разработчики этих кнопок никак не ограничивают вас — вы можете менять внешний вид кнопок так, как вам угодно.
Это самое главное преимущество сервиса по сравнению с конкурентами, о которых я напишу в этой же статье. Оно заключается в том, что вы сами можете настроить внешний вид иконок так, как нужно вам! Также в качестве преимущества этого способа я хотел бы отметить то, что скрипт не грузит сервер и не влияет отрицательным образом на скорость загрузки страниц, потому что он очень легкий и грузиться из CDN.
Короче, переходим к делу. Там, где вы хотите вывести кнопку соц. сети Вконтакте добавляем следующий код:
Где:
data-type – название соц. сети. Его вы можете посмотреть в документации.
data-counter – счетчик, который считает количество нажатий по кнопке. Возможно, он вам не нужен, тогда можно его попросту не писать. Если почитаете документацию, то увидите, что счетчик поддерживается не везде.
Как оформить кнопки от goodshare?
С помощью css-стилей, конечно же. Сейчас я вам покажу на примере одной кнопки, которая у меня есть. Оформить кнопку очень легко, обратившись к ней по ее data-атрибуту. Для этого нужно знать о селекторах атрибутов. Если вам ничего о них не известно, просто делайте как я покажу, но если хотите разобраться в теме, то вот о них.
Ну а я открою style.css и в самом конце файла опишу стили для кнопки:
Div{ background: #25496F; border-radius: 50%; color: #fff; max-width: 80px; padding: 10px; text-align: center; font-size: 18px; cursor: pointer; }
Как видите, я использовал селектор атрибута, чтобы дотянуться до нее. Отлично. Все стилевые правила объяснять не буду, получилась вот такая штука:
Просто, да? Но ведь и я особо не напрягался, всего лишь прописал пару строк стилей. И ведь никто не мешает вам задать стили для кнопки при наведении на нее или при еще каких-то действиях. Это очень здорово и это то, что вам не дадут сделать при установке кнопок с помощью других сервисов. По крайней мере мне известных.
Тем временем я сделал уже 3 кнопки:
Пускай они немного примитивны, но что мешает сделать их них конфетки? К тому же даже в таком виде они уже уникальны, таких кнопок нет нигде, потому что лично я только что их сделал.
Короче, скрипт от Goodshare для тех, кому нужна свобода в настройке соц. кнопок. Хотите свободы? Получите, распишитесь.
Кнопки от Pluso
Особенная фишка этих кнопок в том, что вы видите только 6 самых популярных соц. сетей, но при нажатии на плюс появляется возможность отправить запись в десятки других, менее известных мест.
На странице сервиса вы можете выбрать один из восьми стилей отображения кнопок, можете выбрать, какие сети показывать в первой строчке, а какие спрятать под плюс. Чуть ниже вы можете дополнительно настроить дизайн.
А еще ниже можно увидеть код, который просто нужно скопировать и вставить в то место на своем сайте, где вы хотите увидеть кнопки от Pluso. Это хорошо, потому что не нужно дополнительно ничего закачивать себе на сервер, все делается очень быстро.
Дополнительно вы можете указать конкретный адрес страницы, которая будет расшариваться. Это нужно очень редко. Дело в том, что по умолчанию при нажатии на кнопку в соц. сеть отправляется адрес той страницы, на которой стоят кнопки. Если же вы укажете конкретный адрес расшариваемой страницы, то где бы эти кнопки у вас ни стояли, они будут отправлять в соц. сеть только 1 страницу, которую вы указали. Я незнаю, для чего это вам. В 99% случаев просто оставьте пустыми эти поля.
Кнопки от Share42
Share 42 — это еще один полезный сервис, который позволит вам установить социальные кнопки на сайт. Чтобы начать установку, перейдите http://share42.com/ru на сайт. Радует, что тут все настройки на одной странице. Вы можете выбрать размер иконок и те из них, которые вам необходимо. Для этого 1 раз кликните по иконке.
На этом скриншоте вы можете увидеть, что я выбрал 6 кнопок для использования. Далее ниже вам нужно выбрать дополнительные опции. В принципе, там все интуитивно понятно. Все те поля и галочки необязательны для заполнения.
Далее сервис предлагает вам посмотреть, как будут выглядеть ваши кнопки, после чего скачать скрипт с ними к себе на компьютер. Этот скрипт надо будет разархивировать. Внутри будет папка share42. Вы должны закинуть ее к себе на сайт. Смотрите сами куда именно. Можно просто в корень, но я рекомендую непосредственно в шаблон.
Теперь вам нужно на сайте сервиса ввести путь к папке, куда вы закинули скрипт. Например, если вы забросили его в шаблон, то путь будет примерно таким:
http://site.name/wp-content/themes/название-шаблона/share42/
Ну это если у вас сайт на wordpress. Кстати, тут же вам сервис предлагает выбрать, какой у вас движок. Выбираем нужный вариант.
После того, как путь к папке со скриптом указан, и cms выбрана, остается скопировать сгенерированный кусок кода и вставить его в том месте, где вы хотите видеть эти самые кнопки. В wordpress, например, наверняка вы захотите добавить их после каждой записи. Для этого переходим в single.php , находим, где заканчивается вывод статьи и вставляем туда код. Теперь кнопки появятся под каждой статьей. Вот так они выглядят в моем случае:
Кнопки социальных сетей на сайт от Яндекса
Один из самых популярных, пожалуй, способов. Переходим по этой ссылке
и попадаем на страницу, где можно установить социальные кнопки. Яндекс сделал все очень удобно — нужные нам сервисы можно легко добавить, пометив их галочкой. Также можно выбрать сам внешний вид кнопок.
У темы, которая у вас установлена, есть список шаблонов. Среди них должен быть single.php , что означает — одиночная запись (пост, статья). Именно в это файл нужно вставить скопированный код. Однако если вы вставите в самое начало, то кнопки будут перед статьей.
Даже если вы не знаете HTML я дам вам подсказку. Если вы планируете вставить кнопки в начале статьи, то найдите в коде шаблона первый блок (div) и вставьте код туда. Хорошо, когда в коде шаблона есть комментарии разработчика. Опирайтесь на них. Например, POST START, CONTENT START, POST END — такие пометки явно показывают, что здесь начинается или заканчивается статья.
Видите в коде "bp_after_post_content"? Тут даже интуитивно понятно, что это уже конец статьи. Именно перед этим фрагментом кода я создал блок, куда и вставил код Яндекс кнопок.
В любом случае, обновляя сайт и смотря на результат вы можете переставить код в другое место в шаблоне, если сделали что-то не так. Единственных минус Яндекс кнопок — скрипты грузятся с интернета, но поскольку они находятся в конце статьи (как правило), то это не критично.
Самый простой способ в WordPress
А как добавить в wordpress социальные кнопки? Плагин Juiz Social Post Sharer может помочь вам в этом. О нем я уже писал в . Кстати, там есть еще один вариант добавления кнопок социальных сетей — API Яндекса.
Что ж, ну а на этом я буду заканчивать. И так получилось около 5-6 способов добавления кнопок, если соединить 2 статьи. Какой-то из них наверняка понравится и вам.
От автора: приветствую вас. Сегодня социальные сети развились до такого уровня, что в них зарегистрировано в общей сложности более 3 млрд людей. Потенциально это очень мощная аудитория, поэтому сегодня я вам расскажу, как добавить кнопки социальных сетей на сайт.
Добавление на сайт на WordPress
Начну с того, что самым простым способом, если у вас WordPress, является просто установить какой-нибудь плагин для этого дела. Какой? Я, например, пользовался Juiz Social Post Sharer. А вообще, просто введите в поиске плагинов слово social и просмотрите, что там есть. Преимущество тут только в том, что вам, вероятно, не придется ничего настраивать.
Яндекс тоже разработал страницу, на которой вы можете настроить и поставить себе кнопки. На этой страничке вы можете выбрать нужные сервисы (а их примерно 25). Справа вы можете выбрать внешний вид блока. Это могут быть счетчики, которые будут показывать, сколько раз на кнопки нажали пользователи. Это, в свою очередь, поможет вам отслеживать, полезен ли материал читателям.
JavaScript. Быстрый старт
Естественно, не нужно использовать все три варианта, лучше какой-то один. Хотя я видел сайты, где блок был и в начале, и в конце страницы.
Теперь вам нужно найти файл с кодом, который выводит статьи. В wordpress, например, он обычно называется single.php или подобным образом. Итак, если вам нужно поставить блок с кнопочками после статьи, ищем строчку the_content. Именно за ней можно вставить код. Вам очень поможет, если разработчик вашего шаблона делал комментарии в коде.
Редактировать файлы сайты можно некоторыми способами. Например, сделать это напрямую через админку движка (внешний вид — редактор). В этом случае код не подсвечивается, поэтому ориентировать в нем не так удобно. Другой способ – через ftp. Подключитесь к сайту с помощью ftp-клиента, перейдите в wp-content – themes. Тут нужно найти тот шаблон, который является активным у вас в данный момент. Заходим в него и находим тот самый single.php или ищем что-то похожее по названию.
В самом файле с кодом найдите строчку the_content с помощью поиска (Ctrl + F). Вставьте где-нибудь после нее этот код.
Комментарии это то, что на этом скриншоте выше выделяется зеленым цветом. Как видите, разработчик явно указал, что в этом месте выводиться сам текст статьи. Это отлично, просто вставьте код сразу после статьи и получите желаемый результат.
Кнопки от Pluso
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Вы можете выбрать стиль кнопок, настроить их фон, положение и размер. Также можно выбрать иконки со встроенным счетчиком. А еще одним преимуществом кнопок от Pluso является их потрясающий внешний вид и возможность встроить их в практически в любой дизайн.
Когда все настроено, просто копируем код и вставляем его в том месте, где хотим увидеть соответствующий блок.
Еще один вариант – Share42
Если предыдущие варианты вам чем-то не понравились, есть другой способ, как поставить кнопки социальных сетей на сайт. Это сервис share42.com. Назван так, наверное, потому, что на момент создания в нем было 42 кнопки социальных сервисов, хотя на данный момент их 43.
Описывать процесс подробно не буду, потому что на сайте уже все оформлено в виде пошаговой инструкции. Дизайн этих иконок вы поменять не можете, а только размер. Впрочем, смотрятся они недурно.
Иконки, которые вам нужно, нужно выбрать, кликнув по ним мышкой. Отдельно хочу отметить наличие таких интересных возможностей, как добавление в избранное браузера, ссылка на rss и кнопка «Наверх».
Далее вы можете выбрать тип панели: горизонтальная или вертикальная? И если выбрана вторая, то количество кнопок можно ограничить. Кодировку я рекомендую оставить UTF-8. Вы можете также добавить иконку самого сервиса в комплект кнопок, чтобы пользователи с вашей странички могли перейти на него и установить себе тоже эти кнопки.
Также если вы планируете добавить иконку rss, то обязательно нужно указать адрес вашего фида, а если хотите показывать количество нажатий по кнопкам, должны быть отмечены две последние галочки.
Ниже есть 2 кнопки. Первая позволяет взглянуть, как будут выглядеть социальные кнопки, которые вы настроили. С помощью второй скачивается скрипт. Его нужно загрузить через ftp к себе на сайт в корневую папку.
Следующим шагом укажите на странице сервиса путь к этой папке. Зачастую достаточно заменить site.com на ваше доменное имя. Все, остается вставить код, выбрав перед этим cms, на которой работает ресурс. Куда вставлять код вы уже должны понимать, я надеюсь.
Я не сомневаюсь, что существует еще парочку нормальных сервисов, где можно сделать социальные кнопки, а также есть просто масса скриптов и плагинов, которые их добавляют. Сегодня я перечислил вам наиболее лучшие, на мой взгляд, варианты.
Что ж, сегодня мы с вами научились добавлять кнопки социальных сетей и сервисов в свой интернет-проект. Теперь ваши полезные материалы могут быть автоматически распространены по социальным сетям вашими благодарными читателями. А у меня на этом все.
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
В последнее время стало модно устанавливать кнопки социальных сетей на сайты и блоги, и в этом нет ничего удивительного. Во-первых, кнопки позволяют увеличивать «лайки» и «сердечки», что положительно сказывается на продвижении статей в социалках. Во-вторых, существуют отдельные разновидности кнопок, позволяющих делиться ссылками на отдельные страницы сайта в социальных сетях – это привлекает дополнительных посетителей из Вконтакте, Фейсбука, Одноклассников, Твиттера и т.д. В-третьих, статьи, набравшие большое количество «лайков» и «сердечек», пользуются большим доверием у читателей сайта.
Поэтому очень важно знать, как установить кнопки социальных сетей на сайт, чтобы помочь развиваться веб-ресурсу. Будут рассмотрены самые популярные социальные сети
- Вконтакте
- Фейсбук
- Одноклассники
- Гугл «+1»
- Твиттер
- Мой Мир
Здесь будет рассмотрена установка стандартных кнопок, предлагаемых самими социальными сетями. Каждую кнопку в этом случае придется устанавливать отдельно от других, это занимает некоторое время, но и смотрится очень неплохо.
1.1. Вконтакте
1.1.1 Кнопка «сохранить»
Кнопка достаточно гибкая, надпись на ней можно менять на любую желаемую (по умолчанию «сохранить»).
Сначала вам нужно перейти на страницу с , там же вы получите код скрипта, который нужно будет установить на свой сайт, чтобы кнопка отображалась.
Здесь можно выбирать один из 5 стилей : кнопка, кнопка без счетчика, ссылка, ссылка без иконки, иконка.
Поле «текст » позволяет изменять стандартную надпись «сохранить» на свою.
В качестве url-адреса можно выбирать адрес страницы с кнопкой или же адрес другой страницы (на ваш выбор). В первом случае кнопка будет делиться ссылкой на ту страницу, где расположена сама кнопка. Во втором случае кнопка будет делиться указанной вами ссылкой, независимо от того, где она сама находится.
Код для вставки состоит из двух частей: первая должна располагаться в любом месте между тегами
и , вторая – в том месте, где должна отображаться кнопка. Об установке кнопки на сайт читайте в пункте .1.1.2 Кнопка «мне нравится»
Второй вариант кнопки – виджет «Мне нравится ». Его будет проще установить на сайт, т.к. в конце вы получите всего одну часть кода, которую нужно будет разместить в нужном месте сайта.
Для настройки кнопки перейдите по этой ссылке . Здесь также необходимо заполнить ряд параметров.
Название сайта
– здесь лучше указать краткое и настоящее название вашего сайта.
Адрес сайта – укажите адрес главной страницы вашего сайта.
Основной домен сайта – укажите главное зеркало сайта (его можно найти в в качестве параметра оператора «Host»), если затрудняетесь это сделать – то оставьте предлагаемое ВКОНТАКТЕ.
Варианты кнопки – это различные стили кнопки, они влияют на ее внешний вид.
Высота кнопки – геометрические размеры «Мне нравится».
Название кнопки – доступно два варианта (мне нравится, это интересно).
Код для вставки – тот код, который нужен для отображения кнопки социальной сети Вконтакте.
1.2 Фейсбук
Настраивается кнопка на этой странице . Могут возникнуть трудности, т.к. комментарии к форме написаны на английском языке, но ниже вы можете прочитать краткое описание каждого поля.
URL
to
Like
– url-адрес страницы для кнопки (если поле не заполнено, то будет браться адрес страницы, на которой расположена кнопка).
Send Button – наличие галочки включает новую возможность – отправлять ссылку в Фейсбук (отобразится дополнительная кнопка – «отправить»). При включении будет одновременно отображаться две кнопки.
Layout Style – стиль кнопки, влияет на ее внешний вид (стандартным считается button_ count ).
Width – ширина кнопки в пикселях.
Show Faces – при включении будут показываться аватары людей, уже нажавших на данную кнопку.
Font – тип шрифта кнопки.
Color Scheme – фон пространства рядом с кнопкой (белый и черный).
Verb to display – название кнопки (нравится, я рекомендую).
Get Code – кнопка, формирующая код скрипта.
1.3 Одноклассники и Мой мир
Данные социальные сеть приобрели широкую популярность в русскоязычном интернете, там обитает огромное число людей, поэтому не стоит пренебрегать установкой кнопки «Класс» от сервиса «Одноклассники» и «Нравится» от сайта «Мой мир».
Для настройки кнопок нужно перейти на . Можно добавлять кнопки по отдельности, настраивая каждую по-своему, а можно редактировать обе кнопки одновременно.
Размер по высоте – геометрический размер кнопок.
Вид – внешний вид рамки кнопок.
– выбор кнопок (нравится, класс)
Счетчик – включение и выключения счетчика нажатий на кнопки (справа, сверху – расположение счетчика).
Текст на кнопках – выбор одного из трех названий, доступных для кнопок.
Код для вставки – код скрипта, который нужно будет устанавливать на сайт.
1.4 Гугл «+ 1»
Новая социальная сеть, которая за короткое время набрала огромную аудиторию. Трудно представить себе сайт без кнопки «+1», т.к. она не только позволяет добавлять ссылки в социальную сеть и увеличивать количество «плюсиков», но и может влиять на результаты сайта в ТОПе поисковой системы Google.
Все подробности об этом, а также установка и настройка кнопки находятся .
1.5 Твиттер
Популярнейший сервис коротких сообщений оставлять без внимания нельзя. Установите себе кнопку от данной социальной сети и увидите, как быстро люди станут делиться ссылками на ваш сайт в Твиттере. Настроить кнопку можно на этой .
Сначала нужно выбрать нужную кнопку (нас интересует первый вариант – кнопка «отправить ссылку»).
После этого на странице появится форма с несколькими полями, которые нужно заполнить.
Отправить ссылку
– выбор страницы, на которой расположена кнопка, или любой другой.
Текст – выбор текста, который будет появляться рядом с кнопкой (НЕ НА САМОЙ КНОПКЕ).
Показывать счетчик – включить или выключить отсчет количества нажатий на кнопку.
С помощью – выбор способа добавления сообщения ссылки в Твиттер (практически ни на что не влияет).
Отметить – выбор метки, которая будет публиковаться в Твиттере (практически ни на что не влияет).
Большая кнопка – увеличение геометрического размера кнопки.
Отказаться от адаптации Твиттера – отказ от стилей Твиттера (лучше оставить поле без галочки).
Язык – выбор языка кнопки.
Справа будет сформирован код, который нужно добавить на сайт.
1.6 Я.ру
Для этого нужно заполнить несколько полей, которые сформируют нужный код скрипта.
Размер
– маленький или большой размер кнопки.
Стиль – выбор между кнопкой или иконкой.
Наличие счетчика – включение или выключение счетчика нажатий на кнопку.
Внешний вид кнопки – пример того, как будет выглядеть кнопка.
Заголовок – выбор заголовка для страницы (произвольный или заголовок текущей страницы).
Код для вставки – нужный код, который добавляется на сайт.
2. Готовые кнопки для сайта
Но если желания добавлять код каждой кнопки на свой сайт не имеется, то можно воспользоваться стандартными скриптами, которые формируют сразу группу кнопок социальных сетей. В этом случае достаточно просто добавить один код такого скрипта на свой сайт, и у вас сразу будут установлены кнопки самых популярных социальных сетей.
Для настройки блока и выбора нужных социальных сетей перейдите по этой ссылке . На скрине ниже видно, что можно выбирать кнопки нужных социальных сетей из предлагаемых, а также слегка редактировать внешний вид блока.
Набор сервисов
– выбор кнопок социальных сетей для сайта (те, что с галочкой – будут отображаться на сайте).
Код – нужный скрипт, который необходимо добавить на сайт.
2.2 Кнопки «PLUSO»
В последнее время широкую популярность приобрел конструктор кнопок социальных сетей – PLUSO. Перейти на сайт можно по этой ссылке .
Конструктор достаточно гибкий, имеет множество настроек, благодаря чему вы сможете сформировать кнопки социальных сетей такими, какие бы отлично вписывались в дизайн сайта.
Сначала нужно выбрать стиль кнопок и счетчиков из нескольких предлагаемых (горизонтальные, вертикальные, цветные, бесцветные и т.д.).
Затем необходимо настроить ряд параметров, выбрав
- расположение блока (вертикальный, горизонтальный);
- цвет кнопок (яркие, темные);
- величину блока (крупный, маленький);
- счетчик (наличие или отсутствие);
- фон (бесцветный или цветной);
Код будет сформирован согласно указанным вами параметрам, после чего его нужно вставить на сайт.
S hare42
Еще один сервис, позволяющий сконструировать кнопки для своего сайта – Share42.com/ru .
Этот генератор позволяет настраивать размер кнопок, определять нужные социальные сети из огромного числа доступных, а также редактировать внешний вид иконок.
Выберите размер кнопок и нужные социальные сети, а затем перейдите к настройке дополнительных опций.
Тип панели с иконками – отображение блока кнопок (очень интересен вариант «вертикальная плавающая»).
Ограничить видимое кол-во иконок – выбор числа отображаемых кнопок (другие будут скрыты за ссылкой).
Кодировка сайта – выбор кодировки вашего сайта.
Добавить иконку сайта Share42.com – возможно, следует убрать галочку.
Показывать счетчики – включение счетчика нажатий по кнопкам (только при работающем jQuery).
Установка данного скрипта довольно сложная, но она пошагово описывается на самом сайте Share42.
3. Как устанавливать кнопки на сайт
Если код, который требуется разместить на сайте, состоит из двух частей (как в случае с кнопкой Вконтакте), то каждая из частей устанавливается отдельно. Если код не делится на две части, то данный шаг можно пропустить.
Первую часть кода нужно добавить между тегами
и . Для этого зайдите в админ-панель WordPress и перейдите к редактору шаблона.
В редакторе шаблона нужно найти файл «Заголовок» (header.
php)
, если такого нет, тогда – «Основной шаблон» (index.php)
. Теперь необходимо найти тег
Как только вы найдете нужные теги, можете размещать первую часть кода сразу перед закрывающимся тегом head> , чтобы случайно не задеть коды других скриптов.
Вторая часть кода помещается там, где вы хотите видеть кнопки социальных сетей, подобранные для сайта. Если код состоит всего из одной части, то достаточно проделать только эту операцию.
Чаще всего кнопки добавляются перед статьей или в ее конце. Проще, конечно, второй вариант. Его мы и рассмотрим.
Вам нужно найти то место, где заканчивается статья (основная текстовая часть страницы). Для этого нужно редактировать файл «Одна запись» (single. php) .
Теперь нужно найти тот оператор, который отвечает за вывод основного содержимого статьи. В моем случае это «the_content», сразу после него и размещается код кнопок.
Аналогично можно размещать код вначале статьи, нужно только найти место между заголовком и текстом статьи.
Что такое юзабилити и почему это так важно?
Говоря простым языком, юзабилити – это показатель удобства использования сайта, передвижения по нему и поиска информации на нем.
Юзабилити может как улучшить ваш сайт, так и сделать его совершенно невозможным в использовании. Если у ваших посетителей нет понимания, зачем нужен ваш сайт, если они вынуждены тратить по несколько секунд, чтобы найти нужную им информацию, и не могут моментально понять, что вы предлагаете, они быстро покинут ваш сайт и, скорее всего, никогда на него не вернутся.
Чтобы избежать этого, мы предлагаем вам изучить те ошибки, которые чаще всего совершают пользователи Wix. Несмотря на то, что каждый пользователь уникален, многие спотыкаются на одних и тех же граблях. Если вы хотите, чтобы ваш сайт продвигал ваш бизнес или продавал ваш продукт, вам стоит принять эти советы во внимание.
8 распространенных ошибок пользователей Wix
Игнорирование мобильной версии . Сейчас все больше и больше людей заходят на сайты со смартфонов и планшетов, забывая о стационарных компьютерах. К счастью, у Wix есть отличный инструмент для создания на базе HTML5, который позволяет адаптировать любую страницу под расширения маленьких экранов. Достаточно открыть редактор Wix, чтобы подогнать дизайн вашего сайта под стандарты мобильных устройств.
Отсутствие ссылки на логотипе . Многие отказываются от вкладки «Главная» в меню и заменяют ее ссылкой на логотипе. В результате пользователи ожидают, что кликнув на логотип, они смогут перейти на начальную страницу сайта. Так как кликабельный логотип уже давно стал стандартом, пренебрежение им станет большой ошибкой в юзабилити.
Недоступное меню . Забыв добавить меню на каждую страницу вашего сайта (а не только на главную), вы потеряете большую часть посетителей. Попадая в подобные «тупики», пользователь вынужден все время пользоваться кнопкой «Назад», что безусловно раздражает.
Негармоничный дизайн / сложная навигация . Подходите обдуманно к , делайте текст легко читаемым, а ссылки (не удивляйтесь!) кликабельными. По возможности используйте кнопки, если хотите подтолкнуть пользователя к действию.
Мелкий размер шрифта . Обратите внимание на соотношение размера шрифта назначению текста. Хотите сказать многое, но не можете уместить все на одной странице? Использовать мелкий шрифт не самое лучшее решение. Размер шрифта не должен быть меньше 10 пт. или больше 14 пт. Не лишайте пользователя возможности прочитать его.
Использование музыки . Если вы считаете необходимым добавить музыкальное сопровождение на ваш сайт, обязательно дайте посетителям возможность при желании выключить звук. Но учтите, что большинство бывалых пользователей считает добавление музыки на сайт попросту неуместным.
Отсутсвие четкого описания бренда . Распространенная ошибка – не добавлять на сайт описание вашего продукта или предлагаемых услуг. Не заставляйте посетителей гадать. Если вы работаете в конкретном регионе, укажите его название, адрес и т.д. Помимо прочего, это поможет вам в поисковом продвижении.
Семь раз проверь, один раз опубликуй . Попросите друга покритиковать ваш сайт. Пока вы работаете над своим проектом, вы настолько погружаетесь в него, что легко можете упустить из виду самые простые ошибки. Лишняя пара глаз никогда не помешает, а наоборот - поможет выявить слабые места вашего сайта и посмотреть на него свежим взглядом.
Здравствуйте друзья! Я уверен, что абсолютно каждый владелец своего или блога заинтересован в его раскрутке. SEO-оптимизация, обмен ссылками, реклама и т.д. все это замечательно.
Буквально вчера я открыл для себя еще одну полезную фишку для раскрутки блога. А именно — установка кнопок добавления статьи в различные соц.сети (vkontakte.ru, mail, facebook, twitter и т.д.). Наверняка многие из вас знают про эту фишку, но те кто не знают, не пугайтесь. Все очень просто и самое главное эффективно для раскрутки!
Сейчас я расскажу как это работает. Вы добавляете новый пост на свой блог. Его просматривают ваши читатели и говорят, — «Классная статья», «Просто супер», «Очень полезный пост» и т.д.
Посмотрели и видят внизу поста кнопки добавления в социальные сети. Кликают к примеру «Добавить на сайт vkontakte» и в эту же секунду в их профиле появляется ссылка на вашу статью с Названием вашего блога и темой статьи. Супер!
Представляете сколько людей одновременно увидят вашу статью, как возрастает посещаемость вашего блога, а если эти люди добавят вашу статью в соц.сеть? Прямо вирусный маркетинг однако. Статьи только писать классные. =) Я считаю это отличный способ раскрутки!
Есть уже готовые сервисы по вставке кнопок на ваш блог. Пример — http://odnaknopka.ru , но если честно, такие кнопки лично мне не нравятся, поэтому на свой блог я сделал другие. Выглядят они вот так:
На момент просмотра данной статьи они уже могут поменяться. Если хотите поставить себе такие же на свой блог, то сделать это можно очень просто.
1. Скачайте архив с картинками кнопок и HTML код для вставки его в шаблон блога.
2. Скопируйте все картинки в папку images темы вашего блога. (Для WordPress — wp-content/thems/ваша тема/images)
3. Скопируйте готовый HTML код и вставьте его в файл single.php или index.php темы вашего блога. Для wordPress — (wp-content/thems/ваша тема/single.php или index.php)
Вставлять нужно именно в том месте файла, где вы хотите видеть свои кнопки. В моем случае — это конец поста.
Готово!!! Вот и на вашем блоге теперь будут кнопки добавления в социальные сети.
Тут вообще все упрощается. Проходите вот по этой ссылке , отмечаете галочками какие кнопки вам нужны, копируете код и вставляете его на ваш сайт в нужном месте, через html естественно.
Готово!!! Дело за малым. Писать полезный контент для ваших читателей, для того чтобы они с радостью делились им со своими друзьями в соц.сетях и других ресурсах! А на вашем сайте или блоге стоят кнопки добавления в социальные сети? Желаю успехов!
P.S. Как вам статья? Советую , чтобы не пропустить информацию о новых бесплатных видеокурсах и конкурсах блога!
C уважением, Александр Борисов
