Ручной мониторинг доступности сайта (обзор простых инструментов)

Верстка

Несмотря на то, что сайт представляет собой определенный (и единственный в своем роде) HTML-код, в разных браузерах ваш сайт может отображаться по-разному


Поэтому крайне важно убедиться, что каждый из ваших посетителей увидит именно то и именно так, как вы это задумали

На данный момент можно выделить следующие известные браузеры (от наиболее популярного к наименее популярному):

  1. Google Chrome
  2. Internet Explorer/Edge
  3. Firefox
  4. Safari
  5. Opera

Поэтому вам обязательно нужно проверить, что в каждом из этих браузеров ваш сайт отображается так, как было задумано (а также работает весь необходимый функционал).

Есть два пути сделать это:

  1. Установить каждый из браузеров и вручную проверить каждую страницу вашего сайта.
  2. Воспользоваться одним – или сразу несколькими подходящими сервисами.

Выбирайте на свой вкус:

  • http://browsershots.org/ — на главной странице перечислены все основные браузеры и операционные системы – выбирайте необходимые и смело тестируйте свой сайт. Единственный минус – проверяться будет одна страница и одно разрешение экрана (указать этот и остальные параметры можно внизу страницы), и на это потребуется время, зато пользоваться сервисом можно абсолютно бесплатно;
  • http://ipinfo.info/netrenderer/ — сервис проверяет сайт только в Internet Explorer’е, зато он быстрый и бесплатный;
  • https://crossbrowsertesting.com/ — платный сервис, который позволяет проверить ваш сайт в разных браузерах, операционных системах и даже устройствах! Последнее особенно актуально, ведь сейчас все больше людей выходят в интернет через портативные устройства (мобильные устройства на Android, iPad, iPhone), сервис также предоставляет пробный период длиной в 7 дней;
  • http://www.multibrowserviewer.com/ — приложение, которое поможет вам протестировать сайт на предмет корректности визуального отображения, есть бесплатный и платный тарифный план;
  • http://spoon.net/browsers/ — бесплатный онлайн-эмулятор программ; вы сможете запустить каждый из браузеров и собственноручно протестировать в нем работу своего сайта.

Также при тестировании верстки сайта зачастую советуют проверить ее валидность. Сделать это можно при помощи сервиса http://validator.w3.org/. Впрочем, валидность (то есть соответствие HTML-кода сайта стандартам, разработанным World Wide Web Consortium) это не обязательное требование, а скорее, пожелание (которое тоже должен, но не обязан учитывать разработчик). Но если проверка показала наличие большого количества несоответствий, то, безусловно, это повод поговорить с разработчиком сайта.

Что такое доступность сайта + зачем она нужна?

Основная необходимость в проверке доступности ресурсов возникает у вебмастеров. В контексте онлайн-бизнеса, простой личного сайта приравнивается к фиаско вселенского масштаба. Помимо владельцев Интернет-ресурсов, проверка доступности может быть полезна для администраторов, хакеров и даже рядовых пользователей мировой сети.

Помимо бесплатного мониторинга работоспособности сайта, в интернете имеются платные специализированные сервисы, готовые выполнить оговоренный перечень услуг за адекватную стоимость.

Кто может использовать оговоренный функционал на платной основе:

  • владельцы веб-сайтов.

    Особенно актуально для онлайн-бизнеса или представительств офлайн контор в мировой сети. Ведь от стабильности и качества работы ресурса напрямую зависит доходность всего бизнеса;

  • веб-студия.

    Выявление на ранних стадиях блокировок сайтов заказчиков – пунктик в копилке качества функционирования службы поддержки + повышение общей репутации компании в глазах клиентов;


  • сисадмины.

    Постоянное взаимодействие с серверами/внешними сервисами обязывает специалистов выявлять блокировки сайтов заранее. Простой проекта более 7 дней по халатности администратора расценивается как серьёзная ошибка и может привести к увольнению с должности;

  • SEO-оптимизатор.

    Проверка доступности сайта позволит вовремя выявить выпадение сайта из поисковой выдачи + решит вопрос с отсутствием индексации страниц.

В рамках рядового использования функционала веб-обозревателя, проверка доступности используется для выявления причин блокировки на уровне сервера. Если провайдер блокирует доступ к ресурсу на собственном хосте – это станет заметно в тот же момент. В таком случае, будет достаточно выявить страну, не входящую в фильтр, и зайти через «левый» IP с VPN-программы.

UptimeRobot и другие сервисы мониторинга

Затем необходимо войти в свой почтовый аккаунт, где обнаружите письмо со ссылкой активации, по которой нужно будет перейти:

Ежели опуститься чуть ниже на странице «Settings», появится возможность отредактировать указанный вами при регистрации адрес электронной почты, а также добавить дополнительные средства коммуникации, по которым будет осуществляться оповещение в случае недоступности проверяемого вебсайта. Для этого нажмите кнопку «Add Alert Contact» и выберите из выпадающего меню нужный канал оповещения:

Для добавления своих вебресурсов в UptimeRobot нажимаете кнопку «Add New Monitor» и в появившемся окне заполняете форму:


Здесь есть один нюанс. Дело в том, что можно указать метод проверки (Monitor Type) по статусу HTTP, однако бывают случаи, когда этого оказывается недостаточно. Например, в случае поломки базы данных вэбсайта сервер все еще может отдавать правильный ответ на запросы, однако ресурс уже находится в нерабочем состоянии.

Чтобы учесть эту важнейшую деталь, лучше выбрать метод проверки доступности по Keyword. Берете любое ключевое слово из семантического ядра, которое должно обязательно быть прописано в одноименном мета теге для главной страницы. Чтобы убедиться в этом, открываете исходный код домашней страницы вебсайта (например, для Хрома просто нажимаете Ctrl+U на клавиатуре) и смотрите, какие ключевые слова у вас там имеются:

Выбираете одно из них, вносите в форму и дело в шляпе

Обращаю внимание на то, что запись в графе для ключевиков чувствительна к регистру (the keyword is case-sensitive), поэтому будьте внимательны в этом аспекте. После заполнения формы мониторинг первого вашего вебресурса моментально активируется и вы сможете наблюдать значение uptime своего вебпроекта:

Через каждые 5 минут робот UptimeRobot будет посещать ваш ресурс и проверять наличие ключевого слова, которое было указано при активации. В случае, если при очередном обходе он не найдет его, будет пробита тревога, и вы получите сообщение посредством тех каналов связи, которые установили в настройках (электронная почта, SMS и т.д.). В завершение отмечу еще ряд сервисов, из которых вы можете выбрать подходящий для себя:

  • Monitor.us
  • Ping-admin.ru
  • Alertra.com
  • Siteuptime.com
  • Basicstate.com

Зачем нужно мониторить аптайм

Аптайм — время непрерывной работы сайта. В идеале показатель должен максимально приближаться к 100%, но в реальности такого нет. Даже гиганты вроде Яндекса или Гугла периодически недоступны для пользователей.

Uptime и downtime (время простоя) зависят от хостинга. Если сервер, на котором размещен сайт, работает нестабильно и всё время отключается, аптайм будет низким. 

Время непрерывной работы рассчитывается по формуле: аптайм + даунтайм = 100%.

Если время простоя 2%, uptime равен 98%. Когда значение падает ниже этой планки, переходите на более высокий тарифный план хостинга или ищите другое место для размещения проекта. 

Если аптайм составляет 99%, сайт недоступен 80 часов в году, при 99,99% — всего 1 час. 

Оценить uptime хостинга перед оформлением услуги невозможно. На сайтах агрегаторов, например, Hostings.info есть удобный рейтинг по аптайму, но представители сервиса мониторят доступность сайта в течение одного месяца. Плюс они размещают на тестовых аккаунтах пустые сайты. При нагрузке uptime может меняться. 

Для сайта с любой посещаемостью каждая минута простоя — удар по репутации, поведенческим факторам и доверию со стороны поисковых систем.


Поисковики не любят, когда страницы долго загружаются или не открываются вообще. Если роботы Яндекса и Гугла несколько раз обратятся к сайту и получат ошибку, они расценят это как тревожный сигнал. Частый даунтайм — прямой путь к снижению позиций. 

Веб-мастер должен следить, чтобы сайт всё время был доступен для пользователей из разных стран. Каждые 5 минут заходить на свой проект и проверять, открываются страницы или нет — не вариант

Эта проблема решается через специальные сервисы, но важно сделать правильный выбор

Для отслеживания аптайма есть продвинутые сервисы, которые уведомляют о проблемах через электронную почту, мессенджеры и SMS. Мы проанализируем возможности каждой из 6 платформ, выберем лучшую по соотношению цена/функционал и разберёмся, в каких случаях стоит платить за услугу. 

Как обойти блокировку сайта

Существует несколько вариантов обхода блокировок веб сайтов. Какие-то из них более простые и требуют финансовых затрат, какие-то более сложные, но являются бесплатными. Рассмотрим основные способы более подробно.

Расширения для веб брауезра

Пожалуй самый легкий и распространенный способ открыть заблокированный сайт — установить расширение для браузера, который позволит быстро подключаться к VPN. По сути вы как бы «будете находиться» в другой стране и пользоваться другим Интернет провайдером.

Рынок данных приложений огромен, одними из самых популярных приложений, пожалуй, являются Hola Free VPN и Hoxx VPN Proxy. Достаточно вбить данные названия на странице расширений Вашего Интернет браузера — как вы сразу увидите кнопку для установки данного расширения.

Основными плюсами данного решения являются: простота использования и наличие возможности пользоваться услугами бесплатно.

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

Использование proxy

Прокси один из самых простых способов обхода блокировок веб сайтов, который можно применять в Интернет браузере, большинстве приложений и даже на уровне Вашей операционной системы. Когда Вы используете прокси — все ваши запросы в Интернет сначала идут на сервер прокси, а уже только потом на запрашиваемый Вами ресурс.

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

Мы рекомендуем обратить внимание на сервис Proxy6

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

Минусы прокси: бесплатные либо недолговечны, либо очень медленно работают. Некоторые сайты блокируют посетителей, который используют прокси, замеченные в хакерских атаках.

Использование VPN

Помимо использования VPN как расширение браузера, Вы можете установить приложения, которые «переведут» ваш ПК в другую страну. Данный подход является самым надежным и мы рекомендуем использовать именно его

Как правило, доступ к VPN в данном случае придется покупать, однако это раз и навсегда освободит Вас от головной боли заблокированных по ошибке веб сайтов. Рекомендуем обратить внимание на сервис VPN99

К плюсам использования VPN можно отнести: стабильное соединение, работа на уровне операционной системы, отсутствие ограничений.

Минус пожалуй один: некоторые сервисы стоят довольно дорого.

Специальные API доступа

Веб-браузеры используют специальные API доступа (предоставляемые базовой операционной системой)  которые предоставляют информацию, полезную для вспомогательных технологий (AT). AT обычно используют семантическую информацию, поэтому эта информация не включает такие вещи, как информация о стилях или JavaScript. Эта информация структурирована в дереве информации, которое называется деревом доступности.

Различные операционные системы имеют разные API доступа:

  • Windows: MSAA/IAccessible, UIAExpress, IAccessible2
  • Mac OS X: NSAccessibility
  • Linux: AT-SPI
  • Android: Accessibility framework
  • iOS: UIAccessibility

Итак, что такое доступность?

Доступность — это практика, позволяющая использовать ваши сайты как можно большему числу людей. Мы традиционно думаем об этом как о доступности для людей с ограниченными возможностями, но на самом деле, в это число входят и другие группы пользователей, которые используют мобильные устройства либо имеют медленное сетевое соединение.

Вы также можете думать о доступности как о способе предоставления равных прав и одинаковых возможностей, независимо от способностей или обстоятельств. Точно так же, как не правильно лишать человека права посещать разнообразные места, только потому что он перемещается в инвалидном кресле (общественные здания в наши дни обычно имеют пандусы для инвалидных колясок или лифты), так и не правильно исключать кого-либо из веб-пространства из-за того, что у них слабое зрение или они используют мобильный телефон. Мы все разные, но все мы люди, и поэтому имеем одинаковые (человеческие) права.

Помимо того, что доступность это просто хороший тон, она также регулируется законодательством в некоторых странах и может поспособствовать открытию важных рынков, которые в противном случае не смогут использовать ваши услуги, покупать ваши продукты и т. д.

Доступность и опыт её применения принесут пользу всем:

  • Семантический HTML (который улучшает доступность) также улучшает SEO, делая ваш сайт более доступным для поиска или продажи.
  • Забота о доступности демонстрирует хорошую этику и мораль, что улучшает ваш имидж в обществе.
  • Другие хорошие практики, улучшающие доступность, также делают сайт более удобным для использования другими группами, такими как пользователи мобильных телефонов, пользователи с низкой скоростью сети и т.д. На самом деле, каждый может извлечь выгоду из многих таких улучшений.
  • Мы упоминали, что это также закон в некоторых местах?

Руководство по доступности и закон

Существует множество чеклистов и наборов руководств, на которых можно основываться при тестировании доступности, которые на первый взгляд могут показаться ошеломляющими. Наш совет — ознакомиться с основными областями, о которых вам необходимо позаботиться, а также понять структуры руководящих принципов, которые наиболее актуальны для вас.

  • Для начала, W3C опубликовал большой и очень подробный документ, который включает в себя очень точные, независимые от технологии критерии соответствия доступности. Они называются Рекомендациями по доступности веб-контента (Web Content Accessibility Guidelines — WCAG), и они никоим образом не являются кратким описанием. Критерии разделяются на четыре основные категории, которые определяют, как реализации можно сделать восприимчивыми, работоспособными, понятными и устойчивыми. Лучшее место, чтобы получить легкое представление и начать обучение это WCAG at a Glance. Нет необходимости изучать WCAG наизусть — знайте об основных проблемных областях и используйте различные методы и инструменты, чтобы выделить любые области, которые не соответствуют критериям WCAG (подробнее см. ниже).
  • В вашей стране также может быть предусмотрено специальное законодательство, регулирующее необходимость обеспечения доступности веб-сайтов, обслуживающих их население, например, Раздел 508 Закона о реабилитации в США, Федеральное постановление о безбарьерных информационных технологиях в Германии, Закон о равенстве в Великобритании, Accessibilità в Италии, Закон о дискриминации инвалидов в Австралии и т.д.

Поэтому, хотя WCAG представляет собой набор руководств, в вашей стране, вероятно, будут приняты законы, регулирующие доступность веба или, по крайней мере, доступность обществественных услуг (которые могут включать в себя веб-сайты, телевидение, физические пространства и т.д.). Это хорошая идея — узнать, каковы ваши законы. Если вы не предпримете никаких усилий, чтобы проверить, что ваш контент доступен, у вас могут возникнуть проблемы с законом, если люди с ограниченными возможностями жалуются на это.

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

Последние проблемы

xuk.life (47 м. 40 с. назад) xuk.life (2 ч. 20 м. 54 с. назад) cbilling.tv (2 ч. 30 м. 51 с. назад) pirat.ca (2 ч. 43 м. 28 с. назад) xuk.life (3 ч. 9 м. 32 с. назад) xuk.life (3 ч. 11 м. 7 с. назад) cbilling.tv (3 ч. 15 м. 53 с. назад) hydraruzxpnew4af.onion (4 ч. 1 м. 33 с. назад) animebest.org (4 ч. 41 м. 34 с. назад) xuk.net (4 ч. 41 м. 58 с. назад) v-s.mobi (5 ч. 5 м. 55 с. назад) xuk.life (6 ч. 10 м. 48 с. назад) perekrestok.ru (6 ч. 14 м. 34 с. назад) animebest.org (6 ч. 17 м. 28 с. назад) baza-knig.ru (6 ч. 22 м. 9 с. назад) xuk.life (7 ч. 13 м. 23 с. назад) hydraruzxpnew4af.onion (7 ч. 57 м. 38 с. назад) hm.com (7 ч. 59 м. 59 с. назад) animebest.org (8 ч. 13 м. 23 с. назад) gamejolt.com (8 ч. 48 м. 22 с. назад) xuk.life (8 ч. 58 м. 32 с. назад) roblox.com (9 ч. 14 м. 11 с. назад) 1xstavka.ru (10 ч. 26 м. 7 с. назад) animebest.org (11 ч. 31 м. 23 с. назад) xuk.life (11 ч. 45 м. 5 с. назад)


С этим читают