О сайте

Обновление сайта Aleksius.com октябрь 2013

 

В предыдущей статье «Обновление сайта Aleksius.com март 2013» были описаны перспективные планы развития сайта. В этой статье информация о том, что было сделано.

Перечислим мало весомые изменения, а более значимые рассмотрим немного подробнее.

  • Внедрён протокол Open Graph. Это было сделано при помощи плагина Phoca Open Graph Plugin. Русификатор для него Вы можете скачать в статье «Русификатор Phoca Open Graph Plugin». Это улучшило для некоторых разделов сайта формирование заметок, отправляемых в социальные сети. Например, в Facebook, Google+ и Одноклассники. Это особенно актуально в связи с тестированием новых социальных закладок (об этом немного подробнее ниже в статье).
  • Интеграция с РСЯ (Рекламная сеть Яндекс). Следует обратить внимание, что в РСЯ сайты попадают после модерации сотрудниками Яндекса и должны отвечать определённым требованиям: более 300 человек в день в течение месяца, русскоязычная аудитория, сайт должен быть расположен на платном хостинге, соответствовать требованиям действующего законодательства, не загружать на компьютеры и мобильные устройства пользователей вирусы, трояны или другие вредоносные программы, не содержать контента, вводящего пользователей в заблуждение. Подробнее о требованиях к сайту Вы можете прочесть в правилах участия в РСЯ.
  • Был расширен русскоязычный и англоязычный глоссарий.
  • Добавлена «Политика конфиденциальности».
  • Была добавлена микроразметка (структурированные данные) "Breadcrumb", "hreview", "hreview-aggregate", "Person" от data-vocabulary.org, microformats.org и schema.org. Это улучшило внешний вид сниппетов в поисковой выдаче Google (рисунок ниже).

Сниппет

Увеличение скорости загрузки сайта

В результате проведения ряда мероприятий по оптимизации скорости загрузки сайта с 29.04.2013 (по сравнению с периодом с 18.03.2013 по 28.04.2013), по данным сервиса Pingdom.com, в три раза уменьшилось время загрузки сайта (рисунок ниже)

Время ответа

С 18.03.2013 по 28.04.2013 были такие показатели:

  • Худший показатель времени загрузки – 7 454 мс.
  • Среднее показатель времени загрузки – 5 737 мс.
  • Лучший показатель времени загрузки – 4 496 мс.

С 30.08.2013 по 29.09.2013 стали такие показатели:

  • Худший показатель времени загрузки – 2 008 мс.
  • Среднее показатель времени загрузки – 1 636 мс.
  • Лучший показатель времени загрузки – 1 229 мс.

По данным сервиса Alexa.com в среднем на полную загрузку страницы сайта Aleksius.com у пользователей уходит около 2,665 секунды. Что по данным сервиса является медленным показателем. 74% сайтов грузятся быстрее.

По данным сервиса Pingdom.com в среднем на полную загрузку главной страницы сайта Aleksius.com у пользователей уходит около 1,27 секунды. Что по данным сервиса является хорошим показателем. 84% сайтов грузятся медленнее.

Отмечу, что данные Alexa.com являются более репрезентативными, чем данные Pingdom.com.

Скорость загрузки сайта - важный показатель с точки зрения удобства пользования и SEO оптимизации. На сайте применяется компонент WEBO Site SpeedUp (расширенная версия). О его бесплатной версии Вы можете прочесть в статье «WEBO Site SpeedUp. Ускорение сайта Aleksius.com».

Для того, чтобы судить о скорости сайта, например своего, рекомендую ознакомиться со статьями «Насколько `шустры` российские интернет-магазины» (от 14.06.2011) и «За сколько открываются сайты Рунета?» (от 17.05.2011). В первой статье предложена следующая градация для времени открытия страницы:

  • Очень быстро – 1,8 секунды.
  • Быстро – 2,4 - 4 секунды.
  • Удовлетворительно – 4,1 – 7,8 секунды.
  • Медленно – 8,1 – 19,3 секунды.

Во второй статье предложена следующая градация для среднего времени открытия страниц:

  • Очень быстро – 0 - 2 секунды.
  • Быстро – 2 - 4 секунды.
  • Удовлетворительно – 4 – 8 секунды.
  • Медленно – 8 и более секунды.

Как видите, шкалы соизмеримы между собой. Но это 2011 год.

Адаптация под мобильные устройства

За последние полгода шаблон сайта был более тесно адаптирован под мобильные устройства. Основные изменения претерпела шапка сайта, где более корректно стала отображаться строка поиска и полное название сайта с девизом. Кроме этого был сокращён размер (в Кб) шаблона. Для удобства пользователей мобильных телефонов, планшетов и других устройств, где разрешение (по ширине) экрана менее 1215 пикселей, шаблон перестраивается под «мобильный вид». Это призвано упростить просмотр содержимого сайта. На рисунке ниже приведён пример, как может выглядеть сайт на экране с разрешением 360х640.

Мобильный вид

Если просмотр сайта происходит на экране с шириной более 1215 пикселей, например 1920, то теперь ширина сайта ограничена (раньше была 90% от ширины экрана). Теперь максимальная ширина сайта составляет 1660 пикселей.

Максимальная и минимальная ширина сайта, а также ширина, при которой сайт переходит в «мобильный вид» определялась не случайно. Эти значения обусловлены рекомендованными пределами минимальной\максимальной ширины рекламных блоков РСЯ, шириной модулей сайта (подписки, регистрации, меню) и рекомендациями по длине строк текста (в символах) в статьях на сайте для более удобного восприятия пользователями. К сожалению, на данный момент не удалось найти авторитетных и актуальных источников по вопросу удобства чтения с экрана. Были взяты примерные рекомендации для печатных изданий.

Также размеры базировались на анализе статистики посетителей сайта за последний год.

Шаблон был изменён средствами обновлённого программного обеспечения для автоматизации работы веб-дизайнеров. Подробнее о нём Вы можете прочесть в статье «Обзор Artisteer 4.2. Шаблоны Joomla 2.5 – 3.0».

При переключении сайта в «мобильный вид» кнопки социальных сетей также меняют своё расположение и вид. В обычном режиме они отображаются слева по центру, а в мобильном – снизу в виде меню (рисунок ниже).

Вид кнопок социальных сетей в обычном режиме

Вид кнопок социальных сетей в мобильном режиме

Помимо основного шаблона сайта был изменён шаблон писем. Он также стал отзывчивым, был уменьшен его размер (в Кб), а также был облегчён в плане восприятия путем удаления лишних элементов. Шаблон новостных писем e-mail рассылки стал больше соответствовать общему стилю сайта. На рисунке ниже Вы можете видеть, каким был шаблон (верхняя часть рисунка) и каким он стал (нижняя часть рисунка).

Шаблон писем

Шаблон писем, а также рассылка новостей осуществляется при помощи компонента AcyMailing Starter. Подробнее о нём Вы можете прочесть в статье «Обзор AcyMailing Starter. Рассылка писем для Joomla».

Социальные сети

Добавлена возможность подписки на новости сайта в таких социальных сервисах:

  • Живой журнал,
  • FriendFeed,
  • LinkedIn,
  • Мой мир Mail.ru,
  • Diigo,
  • Pinterest,
  • StumbleUpon,
  • Reddit.

Был изменён состав и порядок следования кнопок социальных сетей. Это было сделано на основании данных статистики использования кнопок социальных сетей на сайте, переходов из социальных сервисов на сайт, а также статистики популярности тех или иных социальных сервисов в странах основной целевой группы посетителей Aleksius.com (90% всех пользователей сайта) за последние 90 дней.

В качестве эксперимента были внедрены кнопки социальных сетей, реализованные при помощи AddThis Smart Layers. Ранее применялся плагин ValAddThis plugin. Детальнее о нём, а также об очень полезном сервисе AddThis, Вы можете прочесть в статье «Обзор ValAddThis plugin. Социальные закладки для Joomla».

Комментарии

Существенным изменениям подверглись комментарии на сайте. Это относится к форме комментариев, представлению самих комментариев, а также процедуре отписки об уведомлениях по электронной почте о новых комментариях. Теперь это реализовано путём нажатия на соответствующую ссылку в письмах-уведомлениях.

Всё это и многое другое, по отношению к комментариям, стало возможно благодаря новой версии компонента комментариев CComment 5 (ранее Compojoom comment 4). Подробнее о Compojoom comment Вы можете прочесть в статьях «Обзор Compojoom comment (часть 1). Joomla комментарии» и «Обзор Compojoom comment (часть 2). Компонент комментариев Joomla». Обратите внимание, что теперь есть бесплатная версия CComment 5. Compojoom comment и CComment доступны на русском и украинском языках.

Похожие материалы
Автор статьи – Хорошевский Алексей

Хорошевский Алексей Примерно с 2008 года и по сегодняшний день создаю сайты «под ключ» на Joomla и WebSite X5. Также занимаюсь их доработкой, SEO-продвижением, контекстной рекламой, защитой от взлома и оптимизацией скорости загрузки сайта.

Кандидат технических наук по специальности «Информационные технологии».

На этом сайте есть контакты и информация обо мне. На нём Вы найдёте примеры моих работ, а также перечень и цены предоставляемых услуг.