Приветствую, друзья! В этой статье я расскажу, как установить социальные кнопки на сайт сайт либо блог, но для начала всех приветствую у себя на блоге.
К этому посту меня подтолкнул сегодняшний вебинар, организованный Александром Борисовым, который проводил Руслан, где он рассказал о многих ошибках на блогах начинающих веб-мастеров.
Одна из многих ошибок — установка плагинов социальных сетей, которые подгружают сайт и он в результате долго грузится, что негативно сказывается на время загрузки страницы сайта и трафике в целом.
Я же чуть ниже расскажу, как это сделать, чтоб не нагружать свой сайт, тем самым ускорить его загрузку, что сегодня крайне важно в продвижении.
Мнение о вебинаре Александра Борисова
Хотелось бы немного сказать о самом вебинаре, жалко мой блог не попал на тест-драйв, но там было чему поучиться и как многие из вас могли заметить, я решился на ряд изменений на сайте, посмотрим что выйдет. Основные ошибки вебмастеров участвующих в вебинаре:
Кнопка Класс/Likes в Одноклассниках
Основные критические ошибки начинающих вебмастеров
Не составлено семантическое ядро — человек попусту не знает, что писать на свои сайт. Как его составлять я уже писал здесь очень подробно. В результате нерегулярное пополнение сайта новыми статьями. Этот эффект можно сравнить с современным магазином, есть товар — идут люди, а если это новинки, то берут.
Юзабилити сайта — удобство пользователя при просмотре блога. Многие веб-мастера, считают, что привлекая посетителей из поисковых систем однажды — они смогут их удерживать постоянно. К примеру, на мой блог только из поисковых систем в среднем приходят 90% посетителей, а лишь единицы остаются.
Ранняя монетизация блога — думаю не стоит объяснять, что это такое? Ребята просто забудьте о деньгах на первом этапе создания блога. В первую, очередь наберите постоянных посетителей сайта. Как раскрутить блог, я уже писал в этой статье, но хотел бы подчеркнуть не забрасывайте блог просто регулярно пишите.
Имейте терпение и выдержку, ну хотя бы пока не напишите 100 статей и трафик не станет 300 хостов в сутки — тогда и карты в руки!
Конечно, это не все ошибки, но очень важные!
Немного размышлений о кнопке социальных сетей на сайте
Хватит, дискуссии, давайте переходить к установке кнопок социальных сетей на сайт. Почему, так важно установить кнопки социальных сетей к себе на сайт? Разве не достаточно грамотно составить семантическое ядро и ждать притока?
==> Почему я решил обновить php версию сайта — как это сделать за 10 минут
В современно мире, уже миллионы людей пользуются различными социальными сайтами, где общаются со своими коллегами и друзьями, а также влюбляются и женятся. Если говорить более простыми словами, человек посетивший ваш сайт/блог заинтересован в читаемом материале, а, значит, он может прорекламировать его своим друзьям, а те как в геометрической прогрессии другим людям.
Как установить виджет группы социальной сети Одноклассники на сайт на WordPress
Вы все ещё не верите в успех установки социальных кнопок для сайта/блога? Что ж, а я верю, поэтому дальше и напишу, как их установить с и без плагина на сайт. Начнём с простого, но более эффективного способа, так как он снижает нагрузку на сервер и увеличивает скорость загрузки блога.
Как установить лучшие социальные кнопки на сайт
В интернете существует много различных серверов, которые помогают с установкой кнопок социальных сетей на ваш сайт, среди них и такие именитые, как Яндекс и Google, но мы рассмотрим не менее интересный способ с простой установкой социальных кнопок. Итак, встречаем — //sapegin.github.io/social-likes/ru/ (скопируйте и вставьте в браузер).
Сервер позволяет за 5 минут установить красивые социальные кнопки на ваш сайт, не создавая дополнительной нагрузки на него, что очень хорошо, с точки зрения оптимизации.
Сайт предоставляет 3 вида скина:
Горизонтальные
Классический
Бирман
Вертикальные
Классический
Это один из весьма популярных вариантов установки социальных кнопок на блог. многие спрашивают, а что лучше ставить вертикальный либо горизонтальный вариант. Однозначно, верно, ответить на этот вопрос — сложно, так как у всех разная тематика и как следствие аудитория.
На сайте можно выбирать, ту или иную социальную сеть, которая вам нравится, а также ставить либо отключать счётчик. Если у вас блог ещё молодой, то не следует ставить количество нажатий на кнопку, так как это многих может оттолкнуть.
Оставшиеся скины я покажу в сокращённом варианте, используя только две социальные сети. А то и так статья, наверное, утомляет? Дальше, постараюсь короче писать. Хотя думаю с выбором вида, вы определитесь самостоятельно. Переходим к коду установки кнопок.
Добавляем социальные кнопки на свой сайт
На самом деле установка этих кнопок проста до не могу, но тем не менее даже я столкнулся с проблемой при их установке на блог. Что я только не делал, когда скачал код они никак не хотели отображаться.
А я всего-то не скачал один файл с этого сайта — jquery-1.11.3.min (откроется в новом окне).
Открываем и качаем указанный, стрелочкой файл — Download the compressed, production jQuery 1.11.3, возможно, на момент прочтения статьи версия файла будет выше, сейчас 1.11.3.
==> Как сделать поиск по сайту на wordpress для удобства пользователей
В случае если ваша версия отличается от моей просто в коде, который вам выдаст система Social Likes, замените на свой.
В моём случае система предложила этот код:
Как многие догадались, вот эту строчку:
(не забывайте учесть полный путь к файлу, если он у вас установлен не в корневой директории, то запрос будет выглядеть так)
Если, вы выбрали стиль своих будущих кнопок социальных сетей, то вам пора переходить к настройке кода на сайте. Код можно скачать на самом сервере, смотрите картинку ниже.
Поля, адрес страницы, название — можете не заполнять. У вас должен быть примерно такой код.
Открываем, главную страницу вашего сайта, обычно это index.html либо index.php. Если вы используете wordpress — header.php, если DLE — main.tpr. Ищем в коде — /head
И вставляем выше кода /head, следующее:
У меня получилось вот так:
Оставшийся код вставьте в то место, где хотите видеть кнопки социальных сетей.
Facebook Twitter Мой мир Вконтакте Одноклассники Google+
У меня вышло так, я вставлял код в файл single.php (wordpress):
Теперь, остаётся только проверить отображения на сайте. Если не будет отображаться, попробуйте почистить КЭШ сайта и браузера. Кстати, если будет близко отображаться к контенту просто пропишите , сверху .
Как установить социальные кнопки на сайт wordpress
UpToLike Social Share Buttons — это один из инструментов, который сможет с лёгкостью настроить социальные кнопки на ваш блог, но его работа немного тормозить скорость загрузки сайта (незначительно).
Установить этот плагин проще, простого. Открываем админ раздел wordpress — плагины — добавить новый.
В строке поиск, пишем — UpToLike Social Share Buttons, и жмём enter.
Жмём кнопку установить плагин. После установки просто откройте настройки плагина.
Открываем конструктор и экспериментируем с расположением кнопок, в общем, потренируйтесь — у вас все получится, даже не сомневаюсь.
Ребята, кому понравилась статья, подписывайтесь на мою рассылку и жмите на кнопочки социальных сетей. Жду ваших вопросов в комментариях.
Видео Как установить социальные кнопки на сайт
———————————————— Будьте первым, кто поделится сенсацией! Если вы нашли эту статью полезной, возьмите на себя инициативу и нажмите кнопку социальных сетей. Давайте распространять знания и менять мир вместе.
Бала ли вам статья полезной?
Нет, извините 65
- ← Как украсить блог к Новому году, чтоб он радовал каждого посетителя
- Что такое оптимизация сайта и как она влияет на продвижения сайта →
Источник: seovpmr.ru
MnogoBlog
⛄как создать сайт на wordpress, настроить и оптимизировать wordpress
Кнопки социальных сетей wordpress
Здравствуйте, сегодня рассмотрим лучшие онлайн-сервисы и wordpress плагины для отображения кнопок социальных сетей (в том числе ВКонтакте и Одноклассники), через которые посетители смогут поделится со своими друзьями интересной информацией, найденной на вашем сайте.
1. AddThis Sharing Buttons
Последнее обновление: 4 недели назад.
Активных установок: 200,000+
Сайт плагина: “wordpress.org/plugins/addthis/”
Более 200 социальных сетей, в том числе ВКонтакте и Одноклассники.
Можно располагать кнопки в начале контента, в конце контента, а также плавающие сбоку слева или справа:
«ВКонтакте» является первым по популярности сайтом в России, Украине и Белоруссии. На сайт “ВКонтакте” заходят миллионы человек в день. Поэтому вы сможете значительно увеличить посещаемость вашего сайта, раскрутив его в данной проще простого!
2. Онлайн-сервис “Share42.Com”
Доступные социальные сети:
Про то как установить кнопки от AddThis к себе на сайт – читайте мою запись – Плавающие кнопки социальных сетей от Share42.Com.
Кнопки могут быть плавающими с боку или же горизонтальными – устанавливаются с помощью кода.
3. Онлайн сервис “share.pluso.ru”
Доступные социальные сети и как будут выглядеть кнопки:
Про то как установить кнопки от Pluso к себе на сайт – читайте мою запись – Социальные кнопки со счетчиком от Pluso.
Кнопки могут быть плавающими с боку или же горизонтальными – устанавливаются с помощью кода.
4. Yandex Share (Яндекс Поделиться)
Последнее обновление: 9 месяцев назад.
Активных установок: 2,000+
Сайт плагина: “wordpress.org/plugins/yandex-share/screenshots/”
Доступные социальные сети:
– Я.ру
– Вконтакте
– Facebook
– Twitter
– Одноклассники
– МойМир
– Livejournal
– Friendfeed
– Мой круг
– Google+
Можно выбрать кнопки в виде иконок или счетчиков:
Кнопки будут располагаться в конце записей/страниц.
5. AddToAny Share Buttons
Последнее обновление: 4 недели назад.
Активных установок: 200,000+
Сайт плагина: “wordpress.org/plugins/add-to-any/”
Доступные социальные сети:
Расположение кнопок горизонтальное и вертикальное (плавающие):
6. Hupso Share Buttons for Twitter, Facebook https://mnogoblog.ru/knopki-socialnyx-setej-wordpress» target=»_blank»]mnogoblog.ru[/mask_link]
Как установить кнопки поделиться в соц сетях для своего сайта
Для того, чтобы эффективно продвигаться в поиске, необходимы так называемые — социальные сигналы, они проявляются в виде репостов вашей статьи в социальных сетях, таких как Фейсбук, Вконтакте, а также в виде твитов и лайков. Но для обеспечения регулярных социальных сигналов нужно использовать для сайта иконки поделиться, установленные с помощью сервиса, или можно поставить плагин для Вордпресс позволяющий делиться в соц сетях статьей с вашего сайта.
Блок поделиться для сайта с помощью сервиса UptoLike
Для всех тех, кто не хочет устанавливать на свой сайт множество плагинов, можно воспользоваться специальным сервисом для вывода кнопок поделиться для Facebook, Вконтакте, Одноклассники, Инстаграм и других популярных социальных сетей на своем сайте.
Преимущества сервиса:
- быстрая настройка;
- множество разнообразных соц сетей, на данный момент их более 25;
- адаптивность для мобильных версий сайта;
- гибкие настройки дизайна кнопок и выбор места расположения;
- Сервис полностью бесплатный.
таким образом выбор в пользу сервиса, позволяющего установить кнопки поделиться в соц сетях для сайта неоспоримо имеет преимущества. Так как же их установить?
Ставим кнопки поделиться для сайта:
- Заходим на сайт uptolike.ru и выполняем простейшую регистрацию.
Регистрацию, можно будет пройти и после создания блока кнопок соц. сетей.
- Теперь жмем «создать проект» и выбираем интересующий нас, в нашем случае — это «поделиться».
- Проходим по опциям в левом столбце, а справа смотрим, как это будет выглядеть на сайте.
Настраиваем каждый пункт, что бы получить кнопки поделиться для сайта максимально вписывающиеся в дизайн.
Если сайт адаптивный, то ставим галочку в соответствующем чек-боксе, в противном случае — ненужно.
- В конце, после настроек всех пунктов жмем «сгенерировать код».
- На выходе копируем получившейся код (нажимаем на него левой кнопкой мыши, таким образом он выделяется и копируем код при помощи комбинации клавиш Ctrl+c).
- Чтобы добавить кнопки поделиться в соц сетях для сайта wordpress нужно код вставить в файл Single.php. На некоторых сайтах, как например на моем, нужно вставить в content-single.php.
Важно! перед тем, как вставить код, сделайте резервную копию сайта, или просто скопируйте файл, в который будите вносить изменения, себе на компьютер, чтобы в случае, если что поломаете, вы смогли быстро все исправить.
Добавляйте код после закрывающего тега ?> php, иначе можно нарушить код и сайт будет отображаться не правильно. Вставляйте код ближе к концу странице, чтобы код не тормозил загрузку сайта.
Я поставил код перед открытием тега footer.
Таким образом, поделиться в соц сетях для сайта установлено и если вы хотите внести изменения возвращайтесь на сайт uptolike.ru и редактируйте код, после чего обновите его на своем сайте. В любом случае, такой вариант быстрее и удобнее, чем добавление кнопки каждой соц сети по отдельности с помощью API.
Так же читайте:
Как проверять позиции сайта по ключам в поисковой выдаче, описано тут.
Узнайте, как выгодно обменивать Webmoney на Яндекс Деньги.
Как правильно составлять семантическое ядро для сайта, читайте в этой статье.
Самые выгодные партнерки для заработка в интернете — здесь.
Прокси сервера по самым низким ценам описаны в этой записи.
Плагин поделиться в соц сетях для WordPress — Social Likes
Если же вы привыкли делать все с помощью плагинов на Вордпресс, то рекомендую для этих целей использовать плагин — «Social Likes», который обладает следующими преимуществами:
- необычайно прост в настройках;
- есть 4 варианта дизайна кнопок;
- полностью на русском языке;
- быстр в установки и не требует работы с кодом.
- Выбираем в вертикальном меню WordPress «плагины» и в выпадающем «добавить новый».
- В открывшейся странице вводим в поиск «Social Likes», находим его и устанавливаем.
- В настройках выбираем подходящий дизайн соц сети и жмем «сохранить изменения».
На этом все, выбирайте подходящий вариант для своего сайта и пусть вашими статьями делятся как можно больше людей!
Знаете еще удобные варианты или возникли трудности в установки? Тогда пишите в комментарии!
Источник: moneyoninternet.ru