Страницы в соц. сетях полезны.
Почему:
Соц сети для тех. у кого есть время. Дайте возможность использовать это время во благо вашего ресурса - предложите почитать ваш ресурс. Фактически, это отличные инструменты ПР.
В результатах поиска Гугл ранжирует сайты с учетом наличия интеграции с Гугле+ (требует наличия аккаунта в Г+ и соответствующей кнопки на сайте). Сайты с такой интеграцией получают более выгодные позиции. Долгая тема, но после впитанного, возникло ощущение, что гугл порой принудительно вынуждает заниматься Г+. Г+, так Г+, нам ничего не стоит создать нужное и на Г+. Итог: Плюс к посещаемости.
Твиттер и Фейсбук предлагают почитать похожие страницы. Среди них может быть и Ваша. Небольшой, но все же плюс к посещаемости.
Итог: Плюс к посещаемости.
Кнопки
Дайте возможность читателям прорекламировать ваш ресурс среди своих друзей в соц.сетях. Кнопкам быть!
Снова таки, лайки и плюсики учитываются в ранжире поиска.
Итог: Плюс к посещаемости.
Теперь о сложном - реализация кнопок.
Отказался от кнопок соцсетей, реализованных ссылкой. У меня это не работало, кнопки просто занимали место на страничке.
Оригинальные кнопки удобней для пользователя, достаточно кликнуть. Не могу отказать пользователям в удобствах, поэтому выбор за оригинальными кнопками.
Вот тут возникают вопросы.
Кнопки тащят за собой кучу кода. Для FB, Twitter и G+ это более 100кб. Даже с асинхронной загрузкой скриптов, у меня скорость загрузки страницы увеличивалась вдвое.
О скорости загрузки можно долго рассуждать, но мне это не нужно. Приведу цитаты:
Akaimi:47% пользователей ожидают, что страница будет грузится не дольше 2-х секунд;
40% не дождутся загрузки страницы, если та открывается дольше 3-х секунд;
52% покупателей утверждают, что скорость загрузки страницы важна для их лояльности;
14% уйдут в другой магазин, если сайт будет медленным, 23% просто остановят процесс покупки или вообще отойдут от компьютера;
64% пользователя вряд ли вернуться в магазин, если останутся недовольными его работой.
молодые люди (до 25 лет) менее терпеливы и обычно ждут не более 2-х секунд
Google:Возможно, вы слышали, что мы, в Google мы одержимы скоростью наших продуктов и Сети в целом. В рамках этих усилий, мы начали учитывать в нашем рейтинге поисковых алгоритмов скорость работы сайтов.
Gomez Peak Time Internet Usage Study:в часы пик 75% посетителей ушли на сайты конкурентов не дождавшись загрузки сайта;
88% пользователей высказались, что вряд ли вернуться на сайт после неудачной попытки его открытия;
больше половины выразили менее позитивное мнение о компании в целом, чей сайт медленно открывался;
более трети поделились негативным впечатлением со знакомыми.
Может и не все так страшно, но вполне достаточно, чтобы уделять больше внимания производительности ресурса, что и было сделано.Amazon.com: Каждые дополнительные 100мс загрузки снижали продажи на 1% (Kohavi and Longbotham 2007).
Google: увеличением числа отображаемых результатов в поиске с 10 (страница открывалась за 0.4 сек) до 30-ти (загрузка = 0.9 сек) привела к снижению трафика и доходов от рекламы на 20% (Linden 2006).
Google: задержка в 400 миллисекунд привела к потери 0.59% пользователей. Более того, даже после того, как задержка была устранена, почти половина потерянных пользователей не вернулась. Это доказывает, что медленную загрузку сайта пользователи воспринимают как долгосрочное явление.
Полученный опыт:
1. Реализация кнопок соц.сетей ссылками не дает ожидаемого результата.
2. Реализация кнопок соц.сетей через оригинальный код существенно увеличивает время загрузки страницы.
3. Правильная реализация кнопок на iframe является самой быстрой при прямой загрузке (позволяет избежать многочисленных редиректов = отправки/получении данных)
4. Отложенная загрузка: Страница загружается без кнопок, и лишь после полной загрузки страницы подгружается код кнопок. Реальное решение.
Варианты:
- подгружать скрипты через триггер onload. Пример есть и на этом форуме.
- использовать Socialite.js. Скрипт актуальной версии всего 8кб. Поддерживает практически все известные сервисы. Изюминка: позволяет очень просто и гибко настроить собственные триггеры загрузки кода кнопок - "hover", "scroll", выбрать нужный ноуд и т.д. Доп.нагрузка - пока не сработает триггер, вместо кнопок нужно показывать что-то свое. Пустые ноуды, картинки...
Есть и другие варианты. Например, для маньяков анонимности: http://panzi.github.com/SocialSharePrivacy/
Отчего столько внимания к этим вопросом? статистика моих ресурсов говорит, что поисковые системы дают ~60% трафика. Достаточная цифра, чтобы повернуться лицом к поисковым системам.
Добавлено спустя 2 часа 8 минут 36 секунд:
Немного статистики без кеша:
минимальное время загрузки страницы без скриптов: DOM 1.59c. onload: 1.61с
Twitter Follow ( original ): DOM 1.96c (+23.%). onload: 1.96c (+22%)
Twitter Follow ( iframe ): DOM 1.77c (+11.%). onload: 1.78c (+12%)
Twitter Follow ( onload ): DOM 1.60c (+0.60%). onload: 2.00c (+24%)
Twitter Follow ( onload Socialite.js ): DOM 1.60с (+0.60%). onload: 1.63с + кнопки после триггера (+1%+ кнопки)