Браузер

Краткое содержание

Вы узнаете, что такое браузер (веб-браузер), какие они бывают в обычной («десктопной») и мобильной версиях, что важно знать при адаптации своего сайта под различные браузеры, в т.ч. под браузеры мобильного интернета, и т.д. Рассмотрено несколько интересных примеров эволюции браузеров и в целом интерфейсов, каналов коммуникации и удалённой работы с информацией, включая такой известный тренд, как интернет вещей. В разделе «Конкретика» даны полезные советы, и перечислены услуги, которые компания Digital Agency "ST" предоставляет не только по адаптации сайтов под различные браузеры, но и в целом по анализу и планированию продвижения бизнеса в интернете. Суть в том, что адаптация сайта под интернет (браузеры) – десктопный и мобильный – начинается с самых первых шагов интернет-продвижения бизнеса, т.е. с анализа ситуации и соответствующего планирования этого продвижения.

Оглавление

1. Определение
2. Десктопные браузеры
3. Браузеры интернета вещей
4. Конкретика

1. Определение

Браузер [устар. броузер; он же веб-браузер, веб-обозреватель, веб-навигатор (англ. web browser, web navigator)] – это общее название клиентских программ, которые представляют пользователю интерфейс для работы в интернете.

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

Смысл браузера отображен на картинке выше: слева – веб-контент в исходном коде (HTML), который видят компьютерные программы, в т.ч. браузеры; справа – то, что видит человек через браузер. Но, как сказано, человек не просто видит, а имеет возможность активно действовать в интернете – использовать веб-интерфейс (кнопки, ссылки, меню и проч.), который становится доступным именно через браузер. То есть браузер играет роль посредника между машинным кодом, в котором изначально создаётся интернет-контент, и человеком.

На сегодняшний день существует достаточно много браузеров. Они могут быть различными по своей программной базе, т.е. представляют, фактически, разное программное обеспечение (ПО). Но все они ориентируются на международный веб-стандарт W3C, принятый для представления и обработки данных в сети Интернет с помощью универсального языка HTML, на котором «пишется» (верстается) веб-контент. Поэтому, несмотря на отличия браузеров – технические и визуальные – во всех них пользователь видит в целом одинаковый веб-контент. То есть HTML-код и, соответственно, веб-сайты и их страницы в разных браузерах отображаются одинаково, и работа пользователя с веб-информацией в разных браузерах также в целом происходит без существенных различий (если компьютерные устройства аналогичные, например настольные компьютеры – десктопы).

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

2. Десктопные браузеры

Если говорить о компьютерных программах и онлайн-сервисах, слово «десктоп» изначально относилось к обычным настольным компьютерам (англ.: desktop – на столе). Позже оно стало относиться и к ноутбукам, или лэптопам (англ.: notebook – записная книжка; амер. англ.: laptop – сверху на коленях). Соответственно, браузеры, использующиеся на всех этих устройствах, также называются десктопными.

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

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

Кстати, в ОС, например Windows, есть свой внутренний браузер – не веб. Это отдельное средство навигации на компьютере (поиск, перенос, создание файлов и папок), которое операционная система предоставляет в своём программном пакете. Но та же Windows в стандартном пакете предоставляет и браузер для работы в интернете – Internet Explorer.

А вообще, существует много других веб-браузеров, которые совместимы с различными операционными системами (Mac OS, Linux и др.), но не являются их часть. Они представляют собой самостоятельные конкурирующие друг с другом продукты. При этом все они бесплатные (монетизируются не за счет предоставления пользователям).

Наиболее популярные десктопные браузеры составляют известную «пятерку»: Opera, Mozilla Firefox, Google Chrome, Safari и Internet Explorer. Недавно к ней присоединился Яндекс.Браузер, который очень быстро набирает популярность в Рунете (особенно в России). Но в целом ситуативный рейтинг тех или иных веб-браузеров зависит от времени, версии, региона (страны, города) и прочих факторов. То есть, например, указанный порядок программ в «пятёрке» (даже в «шестёрке» вместе с браузером Яндекса) не означает их устоявшуюся везде и всегда популярность по отношению друг к другу.

3. Браузеры интернета вещей

Одним из наиболее мощных современных трендов информационных технологий является развитие интернета вещей (англ.:IoT– Internet of Things). Он подразумевает развитие возможностей выхода в интернет не только с обычных настольных компьютеров, но и с иных типов устройств, которые могут обладать целым рядом других функций.

Связующим звеном к IoT послужили ноутбуки – первые мобильные компьютеры. Далее появились планшеты и мобильные телефоны с выходом в интернет (смартфоны, айфоны). И если планшеты – это всё таки компьютеры как таковые, то мобильные телефоны – это уже тип устройств, соответствующий интернету вещей: главная функция – звонки, но при этом гаджет можно использовать как фото- и видеокамеру; отправлять с помощью телефона текстовые сообщения (SMS), а также фото-, аудио- и видеоинформацию (MMS); использовать телефон как накопитель данных и как органайзер (записную книжку, календарь, планировщик задач, будильник); пользоваться телефоном как навигатором (GPS, ГЛОНАСС), элементом охранной системы (например в автосигнализациях), узлом домашней автоматизации (управление «умным домом») – и, конечно, пользоваться телефоном для выхода в интернет. И всё это – при чрезвычайной («карманной») портативности и относительно невысокой цене данных устройств. Последние свойства (портативность, доступность по цене и выход в мировую Сеть) как раз и сделали мобильные телефоны такими популярными. Кроме того, для мобильных телефонов и планшетов появилось отдельное большое направление работы в цифровой среде – мобильные приложения: игровые, бытовые, коммерческие и проч. – их уже очень много по своему назначению. Это также подняло популярность цифровых мобильных гаджетов, особенно телефонов.

Соответственно, если речь о смартфонах (и планшетах), то встали две задачи: первая – адаптация интернета (веб-контента) к этим устройствам, вторая – адаптация этих устройств к интернету. В первом случае (адаптация интернета к мобильным устройствам) стала актуальной мобильная вёрстка сайтов – отдельная (только для мобильных устройств) и адаптивная (для десктопов и мобильных устройств одновременно). Для решения второй задачи (адаптация мобильных устройств к интернету) актуальной стала разработка мобильных браузеров (не только их, конечно, но в том числе).

В отличие от классических (десктопных) браузеров, мобильные браузеры используют принципиально новые решения в своем интерфейсе. Речь прежде всего о сенсорной технологии. Это был прорывной выход из трудной ситуации, связанной с невозможностью использовать на мобильных устройствах мышь и ограниченной возможностью (неудобством) использования клавиатуры. Соответственно, были разработаны сенсорные экраны – тачскрин (от англ. touchscreen – касание экрана), а также специальные стилусы – палочки для касания экрана в нужных местах. Но стилусы быстро вытеснились обычным тактильным интерфейсом, т.е. возможностью работать с контентом простым касанием экрана пальцем. [Прим.: Это была идея, которую настойчиво продвигал Стив Джобс (ныне покойный) – глава корпорации Apple, в которой были разработаны первые мобильные телефоны с выходом в интернет – айфоны.]

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

Мобильных браузеров существует также много, как и десктопных, и их количество всё увеличивается. Некоторые браузеры могут работать только на конкретных моделях телефонов и планшетов, а также на определенных мобильных ОС (Android от Google, iOS от Apple, Windows Phone от Microsoft). А некоторые мобильные браузеры являются универсальными, т.е. могут работать на различных типах устройств, в т.ч. десктопах, и различных ОС. Ниже представлен список наиболее популярных систем.

Таким образом, мобильные телефоны, как сказано, представляют собой первые и наиболее развитые устройства (гаджеты), которые можно отнести к интернету вещей (точнее, к вещам с интернетом). Примечательно, что они также представляют собой характерный пример слияния (конвергенции) разных каналов коммуникации: обычная телефонная связь (мобильная), плюс обмен текстовыми, графическими, аудио и видео сообщениями (SMS, MMS), плюс навигация (GPS, ГЛОНАСС) и, наконец, плюс интернет-коммуникация. То есть сегодня все каналы коммуникации объединяются в единую коммуникационную среду с различными точками входа. Таким образом возникают новые – смешанные – каналы коммуникации и устройства их использующие. Современные мобильные телефоны – типичный, но не единственный пример, реализации такой диверсифицированной и одновременно интегрированной коммуникации.

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

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

В частности, по мнению экспертов в недалёком будущем классические интерфейсы с использованием клавиатуры, мыши и сенсорных экранов будут вытеснены интерфейсами, в т.ч. браузерами, с голосовым управлением. И это не просто футуристические проекты. По этим направлениям уже давно ведётся интенсивная работа, и имеются первые весьма впечатляющие результаты с практическим применением. Например, большой популярностью начинают пользоваться голосовые персональные помощники, такие как Google Home, Siri, Cortana и Amazon Echo (есть и много других, включая российские; см. статью «Бот» Глоссария). Также интенсивно разрабатываются и внедряются технологии голосового поиска, т.е. когда пользователь не печатает запрос в поисковой строке, а проговаривает его. Поисковая система распознает смысл такого устного запроса и выдает пользователю список релевантных веб-документов (причем, ещё может и дополнительно комментировать результаты поиска).

Это всё не просто очень удобно, но и становится доступным для людей с ограниченными физическими возможностями, например с нарушением зрения, двигательных функций и проч. В последнем случае особым примером является персональный интерфейс, разработанный для известного британского ученого астрофизика (физика-теоретика), профессора математики и мирового интеллектуального авторитета Стивена Уильяма Хокинга (англ.: Stephen William Hawking)[14 марта 2018 года ученый умер в возрасте 76 лет], который является автором теории Большого взрыва, открытия чёрных дыр и других крупных научных достижений. Вследствие тяжёлого заболевания профессор Хокинг не только был полностью парализован – у него отсутствовала способность даже говорить: работали только мышцы глаз и мимические мышцы лица на правой щеке. Тем не менее, несмотря на эти тяжелейшие нарушения, специально разработанные для него устройства с адаптированным интерфейсом позволяли профессору вести полноценную интеллектуальную жизнь, в т.ч. выступать с докладами на симпозиумах и конференциях и даже сниматься в кино. Интерфейс его устройства распознавал речь профессора по движению мимических мышц щеки, а также для него была разработана система распознавания мыслей – нейроинтерфейс! Говорил же Хокинг через речевой синтезатор. То есть это пример уже сильно продвинутого интерфейса, в т.ч. веб-браузера, поскольку профессор Хокинг активно работал и в интернете.

Случай со Стивеном Хокингом демонстрирует не только хорошие перспективы развития систем коммуникации для людей с ограниченными возможностями. Это пример принципиально новых систем коммуникации и работы с информацией, которые приходят в наш мир и которые в скором времени (через несколько лет) будут широко использоваться в обычной жизни. В частности, разработка нейроинтерфесов является одним из трендов IT-индустрии. Пока это направление в целом реализуется в лабораторных условиях, например, управление с помощью мысли небольшими движущимися роботами (дронами) через нейроинтерфейсы. Но вслед за голосовыми интерфейсами, о которых мы говорили выше, нейроинтерфесам также уже пророчат большое будущее. Представляете? – интеллект отдельного человека напрямую подключён к глобальной сети, к которой подключены миллиарды других человеческих интеллектов. Это уже глобальная нейросеть – главное с ума не сойти (шутка, но не совсем).

4. Конкретика

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

Во-первых, если вы только собираетесь создавать ваш сайт, вы должны подумать о том, чтобы он был грамотно оформлен в HTML-коде (свёрстан) прежде всего в десктопной версии. HTML-код на сайте должен соответствовать W3C-стандарту. То есть в нём не должно быть ошибок, которые могут неверно распознаваться браузерами и, соответственно, приводить к искажению или даже выпадению частей контента. Кроме этого, критичной является скорость загрузки сайта. С одной стороны, она определяется скоростью работы сервера, на котором расположен сайт (хостингом), а с другой – самим сайтом, – тем, насколько его страницы «тяжелы» для отрисовки в браузере. На это влияют несколько параметров: объём кода и наличие дополнительных (подгружаемых) скриптов, избыточность кода, «тяжесть» CMS («движка») сайта, «тяжесть» и количество медиафайлов (изображений, аудио, видео), загружаемых на странице, и ряд других факторов. Ваш сайт должен нравиться браузеру, т.е. браузер должен правильно и быстро выводить его страницы на экране. И не один браузер. Сайт должен нравиться всем браузерам, что обеспечивается кросс-браузерной вёрсткой.

Во-вторых, критичным является вопрос адаптации сайта под мобильный интернет. Здесь нет единой рекомендации, ибо для каждого конкретного сайта, для каждого конкретного бизнеса существуют свои решения. Но в целом, в связи со всеобщей «мобилизацией» интернета, хотя бы какое-то наличие информации о компании в мобильном поиске и на мобильных устройствах должно быть. И в этом случае встаёт вопрос об адаптации сайта под мобильные браузеры. Решений может быть несколько.

Вам может понадобиться либо две версии сайта – десктопная (основная) и мобильная (сокращённая – под мобильные устройства), либо вам нужен веб-ресурс с адаптивной вёрсткой. По другому это называется отзывчивый дизайн (англ.: responsive design). Это когда один и тот же сайт, меняя дизайн (размер и расположение элементов), полноценно отображается как в десктопных браузерах, так и в мобильных. Есть ещё третий вариант – динамический сайт, когда для десктопных устройств подгружается один контент сайта, а для мобильных – другой, например, более сокращённый. Но технически это реализуется более сложно. К тому же этот вариант не совсем хорош для поисковой оптимизации (SEO). Поисковики больше «любят» статический контент (неизменный на странице при всех её загрузках), чем динамический (меняется от загрузки к загрузке страницы, в т.ч. в разных версиях браузеров – десктопных и мобильных).

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

Если у вас большой и сложный бизнес и, таким образом, предполагается большой и сложный сайт со множеством страниц и описаний, то, скорее всего, приоритетной для него будет являться десктопная версия. В этом случае стоит делать просто дополнительную сокращённую версию для мобильной презентации. Если же сделать адаптивную вёрстку, сайт может существенно потерять в своем качестве (в UI/UX-дизайне) на десктопе, что снизит общую коммерческую эффективность веб-ресурса и, соответственно, бизнеса в интернете.

Стоит также понимать, кто ваша целевая аудитория: с каких устройств она в основном просматривает информацию, которую вы ей предлагаете. Если это серьёзная информация, требующая анализа, скорее всего она просматривается не на ходу, т.е. не с мобильных телефонов, а с нормального рабочего места – с десктопа. Соответственно, вам нужен полноценный десктопный сайт – на него основной упор в вашем интернет-продвижении. К такому сайту можно сделать уже отдельную (сокращённую) мобильную версию.

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

Таким образом, в вопросе адаптации бизнеса под мобильный интернет нет универсального, однозначно предпочтительного решения. Чтобы ответить на вопрос, в каком виде бизнес-сайт должен быть представлен в десктопной и мобильной версиях, необходимо рассматривать конкретный случай (бизнес), а также аналогичные успешные примеры в интернете – как они реализованы.

В-третьих, – это тоже о мобильном интернете, но, когда у вас уже есть сайт, и ощущается потребность в «мобилизации». Здесь возникают всё те же вопросы, что и в предыдущем пункте, но с одним замечанием. Если у вас на сайте стоят счётчики аналитики (Яндекс.Метрика, и/или Google Analytics, и/или др.), то есть имеется дополнительная возможность оценить долю и активность мобильной аудитории на вашем сайте, – даже если он десктопный. Об этом, т.е. о соотношении мобильной и десктопной аудитории, мы уже говорили выше. Основываясь на данных веб-аналитики, т.е. оценив это соотношение, можно уже сделать вывод о том, стоит ли вам переделывать свой сайт в адаптивный вариант, что технически означает полную переделку сайта, – либо будет достаточно дополнительной мобильной версии. В последнем случае возникает меньше затрат и возможных потерь, связанных с полной переделкой веб-ресурса.

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

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

Можно ещё много перечислять из того, что критично для сайта, чтобы он корректно и быстро показывался браузерами – как десктопными, так и мобильными. Но, суммируя, выделим несколько наиболее значимых аспектов – стратегических.

Во-первых, должно быть планирование бизнеса в интернете. Сайт – это не модный аксессуар. Это инструмент, который должен приносить деньги и работать на развитие бизнеса. Сайт – это ваш бизнес в интернете – информационной среде, в которой «обитает» уже большинство населения. А для ряда бизнесов (Ecommerce) вообще 100% клиентов приходят из интернета.

Таким образом, сначала всё тщательно анализируется – т.е. проводится маркетинговый анализ бизнес-ниши, – затем будущий бизнес в интернете планируется. И в рамках этого планирования определяется, как конкретно и в каком виде будет создаваться и работать ваш сайт.

В планирование входит и подбор технических способов и инструментов реализации сайта, к которым относятся хостинг/сервер, CMS, специальные программные решения (например, пользовательские сервисы на сайте, а также внутренняя система обработки и анализа данных), адаптация под мобильный интернет, поисковая оптимизация (SEO), технические аспекты дальнейшего развития сайта и т.д. – много всего. И только после того, как всё это будет определено – продумано, можно садиться и начинать отрисовывать дизайн, писать тексты и собственно программировать. Если же телега впереди лошади – толку не будет. Всякая комплексная работа должна выполняться в своей логической последовательности. А сайт и в целом продвижение бизнеса в сети Интернет – это очень комплексная работа.

Как всё сложно? Для наших специалистов нет! Работаем профессионально:

• Маркетинговые исследования бизнеса.
• Комплексный аудит сайтов.
• Адаптация сайтов под все браузеры.
• Адаптацию под мобильный интернет.
• Разработка сайтов с нуля: прототипирование, макетирование, выбор хостинга, выбор CMS, дизайн, программирование, наполнение контентом, оптимизация и проч. – полный пакет.
• Поисковая оптимизация (SEO).
• Консультирование и прочая помощь по любым вопросам интернет-продвижения.

Обращайтесь. Мы будем рады вам помочь!

Ваш Digital Agency "ST"