stdClass Object
(
[id] => 67
[asset_id] => 246
[title] => Мобильная версия Вашего сайта
[alias] => mobilnaya-versiya-vashego-sajta
[introtext] =>
В связи с повальным увлечением мобильными устройствами, такими как планшеты, смартфоны и прочие малогабаритные гаджеты, у собственников и разработчиков веб-сайтов появились новые задачи. В частности, адаптация дизайна и функциональности под нужды владельцев этих устройств.
Наверняка многие сталкивались с проблемой некорректного отображения интернет-ресурсов на своём смартфоне или iPhone. Мобильная версия сайта как раз и предназначена для решения этих и подобных вопросов.
[fulltext] =>
В чём проблема?
Если быть точными, то проблем при посещении сайтов с мобильных устройств может быть несколько. Первая и самая заметная – некорректное отображение страниц. Это может проявляться в наслоениях текста или картинок друг на друга, некоторые элементы могут вообще остаться за пределами досягаемой зоны. Вторая, с которой обычно сталкиваются спустя некоторое время – недоступность некоторых функций или невозможность выполнить определенные действия (например, элементарно залогиниться или открыть выпадающее меню). Связано это в первую очередь с тем, что в работе классических версий сайтов используется широкий набор веб-инструментов (javascript, Flash, aspx и др.). Но далеко не все мобильные браузеры, даже самые продвинутые, умеют полноценно работать со всем этим добром.
Решение найдено
А точнее, решений существует несколько. К ним относятся мобильная версия сайта, адаптивный дизайн и пока менее распространённый RESS — Responsive Design + Server Side. Все они призваны улучшить совместимость сайта с мобильными браузерами и устройствами, добиться полноценного доступа к функционалу. Рассмотрим эти варианты подробнее.
Мобильная версия сайта
Это существующий наряду с обычной версией сайт, заточенный специально под смартфоны, планшеты и т.д. Как правило, пользователь автоматически перенаправляется на поддомен (зачастую что-то вроде m.siterus.ru), где и расположена мобильная версия. Невооруженным глазом заметны отличия таких версий от основных сайтов, однако удобство работы и корректное отображение информации того стоит. Разработчики обычно урезают функционал основного сайта до того уровня, который по их мнению будет необходим пользователю мобильной версии. И который будет нормально работать в мобильном браузере.
Преимущества мобильной версии сайта:
-
Для разработчиков – простота внесения изменений, ведь мобильная версия существует отдельно от основной.
-
Для пользователя – отсутствие излишнего функционала и графических изысков. Отсюда получаются еще пара плюсов: малый объём передаваемой информации (крайне важно при использовании 2G интернета, GPRS) и упрощённая структура (простота поиска необходимой информации).
- Всегда есть возможность, в случае необходимости, перейти на полную версию.
Однако есть и определенные недостатки. В частности, это необходимость внедрения пусть и простого, но другого адреса. Если при перенаправлении с основного ресурса на мобильную версию сайта информации там не окажется, то пользователю это может не понравиться. Но в целом, выгода от использования мобильной версии сайта очевидна.
Адаптивный дизайн
При таком подходе, как адаптивный дизайн, используется CSS3 MediaQueries. Говоря простыми словами, то в зависимости от диагонали экрана устройства пользователю показываются разные картинки. Верстка выполняется таким образом, чтобы картинка эта смотрелась на любом экране гармонично. Плюсы адаптивного дизайна: единый адрес, база данных, структура сайта, контент. Всё останется прежним, потребуется лишь некоторое редактирование CSS и HTML.
Минусы тоже есть. «Вес» сайта останется прежним, что может вызвать неудобства при медленном соединении с интернетом. Отсутствие возможности выбора, как в случае с мобильной версией сайта. Но самый значительный: останется большое количество функционала, который в 95% случаях просто не нужен пользователям мобильных устройств, да и просто может не поддерживаться мобильными браузерами.
Несмотря на всё, многие крупные компании отдают предпочтение именно адаптивному дизайну.
RESS
Этот способ подразумевает создание для различных устройств разных адаптированных шаблонов. То есть нам «подложат» тот, который лучше всего подойдёт. Один из лучших методов, но он достаточно сложен в реализации. Кстати, великий Google отдаёт предпочтение именно ему.
Примеры удачных мобильных версий сайтов
Среди отечественных сайтов есть очень удачные мобильные версии. К ним можно отнести m.vk.com, мобильную версию Вконтакте. Крайне удобна для пользования, быстро грузится и сохраняет значительную часть функциональности. Мобильная версия сайта Яндекса также отличается прекрасным юзабилити. А отличным примером адаптивного дизайна и RESS будут почти все продукты Гугла.
Прихоть или необходимость?
Само собой, создание мобильной версии сайта или адаптивного дизайна – просто необходимо в век мобильных устройств. Не исключено, что в скором будущем это станет неотъемлемым требованием сферы.
[state] => 1
[catid] => 81
[created] => 2015-05-25 10:32:54
[created_by] => 45
[created_by_alias] =>
[modified] => 2020-03-23 08:17:22
[modified_by] => 49
[checked_out] => 0
[checked_out_time] => 0000-00-00 00:00:00
[publish_up] => 2015-05-25 10:32:54
[publish_down] => 0000-00-00 00:00:00
[images] => {"image_intro":"","float_intro":"","image_intro_alt":"","image_intro_caption":"","image_fulltext":"","float_fulltext":"","image_fulltext_alt":"","image_fulltext_caption":""}
[urls] => {"urla":false,"urlatext":"","targeta":"","urlb":false,"urlbtext":"","targetb":"","urlc":false,"urlctext":"","targetc":""}
[attribs] => {"article_layout":"","show_title":"","link_titles":"","show_tags":"","show_intro":"","info_block_position":"","info_block_show_title":"","show_category":"","link_category":"","show_parent_category":"","link_parent_category":"","show_associations":"","show_author":"","link_author":"","show_create_date":"","show_modify_date":"","show_publish_date":"","show_item_navigation":"","show_icons":"","show_print_icon":"","show_email_icon":"","show_vote":"","show_hits":"","show_noauth":"","urls_position":"","alternative_readmore":"","article_page_title":"\u0414\u043b\u044f \u0447\u0435\u0433\u043e \u043d\u0443\u0436\u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0441\u0430\u0439\u0442\u0430","show_publishing_options":"","show_article_options":"","show_urls_images_backend":"","show_urls_images_frontend":""}
[version] => 15
[ordering] => 40
[metakey] =>
[metadesc] => Для чего нужен адаптивный дизайн и мобильная версия сайта
[access] => 1
[hits] => 1393
[metadata] => Joomla\Registry\Registry Object
(
[data:protected] => stdClass Object
(
[robots] =>
[author] =>
[rights] =>
[xreference] =>
)
[initialized:protected] => 1
[separator] => .
)
[featured] => 0
[language] => *
[xreference] =>
[category_title] => Разработка сайтов
[category_alias] => razrabotka-sajtov
[category_access] => 1
[author] =>
[parent_title] => Блог
[parent_id] => 79
[parent_route] => blog
[parent_alias] => blog
[rating] =>
[rating_count] =>
[params] => Joomla\Registry\Registry Object
(
[data:protected] => stdClass Object
(
[article_layout] => _:default
[show_title] => 1
[link_titles] => 1
[show_intro] => 0
[info_block_position] => 1
[info_block_show_title] => 0
[show_category] => 0
[link_category] => 0
[show_parent_category] => 0
[link_parent_category] => 0
[show_associations] => 0
[flags] => 1
[show_author] => 0
[link_author] => 0
[show_create_date] => 0
[show_modify_date] => 0
[show_publish_date] => 0
[show_item_navigation] => 0
[show_vote] => 1
[show_readmore] => 1
[show_readmore_title] => 0
[readmore_limit] => 100
[show_tags] => 0
[show_icons] => 0
[show_print_icon] => 0
[show_email_icon] => 0
[show_hits] => 0
[record_hits] => 1
[show_noauth] => 0
[urls_position] => 1
[captcha] => 0
[show_publishing_options] => 1
[show_article_options] => 1
[save_history] => 1
[history_limit] => 10
[show_urls_images_frontend] => 0
[show_urls_images_backend] => 1
[targeta] => 0
[targetb] => 0
[targetc] => 0
[float_intro] => left
[float_fulltext] => left
[category_layout] => _:blog
[show_category_heading_title_text] => 0
[show_category_title] => 0
[show_description] => 0
[show_description_image] => 0
[maxLevel] => 2
[show_empty_categories] => 0
[show_no_articles] => 0
[show_subcat_desc] => 0
[show_cat_num_articles] => 0
[show_cat_tags] => 0
[show_base_description] => 1
[maxLevelcat] => -1
[show_empty_categories_cat] => 0
[show_subcat_desc_cat] => 1
[show_cat_num_articles_cat] => 1
[num_leading_articles] => 0
[num_intro_articles] => 200
[num_columns] => 2
[num_links] => 200
[multi_column_order] => 1
[show_subcategory_content] => -1
[show_pagination_limit] => 1
[filter_field] => hide
[show_headings] => 1
[list_show_date] => 0
[date_format] =>
[list_show_hits] => 1
[list_show_author] => 1
[orderby_pri] => order
[orderby_sec] => rdate
[order_date] => published
[show_pagination] => 1
[show_pagination_results] => 1
[show_featured] => show
[show_feed_link] => 0
[feed_summary] => 0
[feed_show_readmore] => 0
[sef_advanced] => 1
[sef_ids] => 1
[custom_fields_enable] => 1
[show_page_heading] =>
[layout_type] => blog
[menu_text] => 1
[menu_show] => 1
[page_title] => Блог по продвижению и созданию сайтов
[menu-meta_description] => Блог web-студии СайтРус. Заказать разработку, создание сайта любой сложности и сео-продвижение в поисковых системах ✆ +7 (3952) 609-659
[secure] => 0
[page_description] =>
[page_rights] =>
[robots] =>
[article_page_title] => Для чего нужна мобильная версия сайта
[access-view] => 1
)
[initialized:protected] => 1
[separator] => .
)
[tagLayout] => Joomla\CMS\Layout\FileLayout Object
(
[layoutId:protected] => joomla.content.tags
[basePath:protected] =>
[fullPath:protected] =>
[includePaths:protected] => Array
(
)
[options:protected] => Joomla\Registry\Registry Object
(
[data:protected] => stdClass Object
(
[component] => com_content
[client] => 0
)
[initialized:protected] =>
[separator] => .
)
[data:protected] => Array
(
)
[debugMessages:protected] => Array
(
)
)
[slug] => 67:mobilnaya-versiya-vashego-sajta
[catslug] => 81:razrabotka-sajtov
[parent_slug] => 79:blog
[readmore_link] => /web-studio/blog/razrabotka-sajtov/mobilnaya-versiya-vashego-sajta
[text] =>
В чём проблема?
Если быть точными, то проблем при посещении сайтов с мобильных устройств может быть несколько. Первая и самая заметная – некорректное отображение страниц. Это может проявляться в наслоениях текста или картинок друг на друга, некоторые элементы могут вообще остаться за пределами досягаемой зоны. Вторая, с которой обычно сталкиваются спустя некоторое время – недоступность некоторых функций или невозможность выполнить определенные действия (например, элементарно залогиниться или открыть выпадающее меню). Связано это в первую очередь с тем, что в работе классических версий сайтов используется широкий набор веб-инструментов (javascript, Flash, aspx и др.). Но далеко не все мобильные браузеры, даже самые продвинутые, умеют полноценно работать со всем этим добром.
Решение найдено
А точнее, решений существует несколько. К ним относятся мобильная версия сайта, адаптивный дизайн и пока менее распространённый RESS — Responsive Design + Server Side. Все они призваны улучшить совместимость сайта с мобильными браузерами и устройствами, добиться полноценного доступа к функционалу. Рассмотрим эти варианты подробнее.
Мобильная версия сайта
Это существующий наряду с обычной версией сайт, заточенный специально под смартфоны, планшеты и т.д. Как правило, пользователь автоматически перенаправляется на поддомен (зачастую что-то вроде m.siterus.ru), где и расположена мобильная версия. Невооруженным глазом заметны отличия таких версий от основных сайтов, однако удобство работы и корректное отображение информации того стоит. Разработчики обычно урезают функционал основного сайта до того уровня, который по их мнению будет необходим пользователю мобильной версии. И который будет нормально работать в мобильном браузере.
Преимущества мобильной версии сайта:
-
Для разработчиков – простота внесения изменений, ведь мобильная версия существует отдельно от основной.
-
Для пользователя – отсутствие излишнего функционала и графических изысков. Отсюда получаются еще пара плюсов: малый объём передаваемой информации (крайне важно при использовании 2G интернета, GPRS) и упрощённая структура (простота поиска необходимой информации).
- Всегда есть возможность, в случае необходимости, перейти на полную версию.
Однако есть и определенные недостатки. В частности, это необходимость внедрения пусть и простого, но другого адреса. Если при перенаправлении с основного ресурса на мобильную версию сайта информации там не окажется, то пользователю это может не понравиться. Но в целом, выгода от использования мобильной версии сайта очевидна.
Адаптивный дизайн
При таком подходе, как адаптивный дизайн, используется CSS3 MediaQueries. Говоря простыми словами, то в зависимости от диагонали экрана устройства пользователю показываются разные картинки. Верстка выполняется таким образом, чтобы картинка эта смотрелась на любом экране гармонично. Плюсы адаптивного дизайна: единый адрес, база данных, структура сайта, контент. Всё останется прежним, потребуется лишь некоторое редактирование CSS и HTML.
Минусы тоже есть. «Вес» сайта останется прежним, что может вызвать неудобства при медленном соединении с интернетом. Отсутствие возможности выбора, как в случае с мобильной версией сайта. Но самый значительный: останется большое количество функционала, который в 95% случаях просто не нужен пользователям мобильных устройств, да и просто может не поддерживаться мобильными браузерами.
Несмотря на всё, многие крупные компании отдают предпочтение именно адаптивному дизайну.
RESS
Этот способ подразумевает создание для различных устройств разных адаптированных шаблонов. То есть нам «подложат» тот, который лучше всего подойдёт. Один из лучших методов, но он достаточно сложен в реализации. Кстати, великий Google отдаёт предпочтение именно ему.
Примеры удачных мобильных версий сайтов
Среди отечественных сайтов есть очень удачные мобильные версии. К ним можно отнести m.vk.com, мобильную версию Вконтакте. Крайне удобна для пользования, быстро грузится и сохраняет значительную часть функциональности. Мобильная версия сайта Яндекса также отличается прекрасным юзабилити. А отличным примером адаптивного дизайна и RESS будут почти все продукты Гугла.
Прихоть или необходимость?
Само собой, создание мобильной версии сайта или адаптивного дизайна – просто необходимо в век мобильных устройств. Не исключено, что в скором будущем это станет неотъемлемым требованием сферы.
[tags] => Joomla\CMS\Helper\TagsHelper Object
(
[tagsChanged:protected] =>
[replaceTags:protected] =>
[typeAlias] =>
[itemTags] => Array
(
[0] => stdClass Object
(
[tag_id] => 3
[id] => 3
[parent_id] => 1
[lft] => 3
[rgt] => 4
[level] => 1
[path] => sozdanie-sajta
[title] => Создание сайта
[alias] => sozdanie-sajta
[note] =>
[description] =>
[published] => 1
[checked_out] => 0
[checked_out_time] => 0000-00-00 00:00:00
[access] => 1
[params] => {"tag_layout":"","tag_link_class":"label label-info"}
[metadesc] =>
[metakey] =>
[metadata] => {"author":"","robots":""}
[created_user_id] => 43
[created_time] => 2015-06-24 05:46:36
[created_by_alias] =>
[modified_user_id] => 0
[modified_time] => 2015-06-24 05:46:36
[images] => {"image_intro":"","float_intro":"","image_intro_alt":"","image_intro_caption":"","image_fulltext":"","float_fulltext":"","image_fulltext_alt":"","image_fulltext_caption":""}
[urls] => {"0":"{\"urla\":\"\"}"}
[hits] => 27
[language] => *
[version] => 1
[publish_up] => 0000-00-00 00:00:00
[publish_down] => 0000-00-00 00:00:00
)
)
)
[jcfields] => Array
(
[0] => stdClass Object
(
[id] => 23
[title] => Изображение на фон заголовка
[name] => izobrazhenie-na-fon-zagolovka
[checked_out] => 0
[checked_out_time] => 0000-00-00 00:00:00
[note] =>
[state] => 1
[access] => 1
[created_time] => 2020-02-03 07:29:38
[created_user_id] => 44
[ordering] => 0
[language] => *
[fieldparams] => Joomla\Registry\Registry Object
(
[data:protected] => stdClass Object
(
[mediatype] =>
[media_class] =>
[media_description] =>
)
[initialized:protected] => 1
[separator] => .
)
[params] => Joomla\Registry\Registry Object
(
[data:protected] => stdClass Object
(
[hint] => фон заголовка
[class] =>
[label_class] =>
[show_on] =>
[render_class] =>
[showlabel] => 1
[label_render_class] =>
[display] => 2
[layout] =>
[display_readonly] => 2
[content_filter] => 0
[filter_layout] =>
)
[initialized:protected] => 1
[separator] => .
)
[type] => mediajce
[default_value] =>
[context] => com_content.article
[group_id] => 6
[label] => Изображение на фон заголовка
[description] =>
[required] => 0
[language_title] =>
[language_image] =>
[editor] =>
[access_level] => Public
[author_name] => verst Verstka
[group_title] => Изображения
[group_access] => 1
[group_state] => 1
[group_note] =>
[value] =>
[rawvalue] =>
)
[1] => stdClass Object
(
[id] => 24
[title] => Время чтения
[name] => vremya-chteniya-stati
[checked_out] => 0
[checked_out_time] => 0000-00-00 00:00:00
[note] =>
[state] => 1
[access] => 1
[created_time] => 2020-02-03 07:30:40
[created_user_id] => 44
[ordering] => 0
[language] => *
[fieldparams] => Joomla\Registry\Registry Object
(
[data:protected] => stdClass Object
(
[filter] =>
[maxlength] =>
)
[initialized:protected] => 1
[separator] => .
)
[params] => Joomla\Registry\Registry Object
(
[data:protected] => stdClass Object
(
[hint] => Пример: 15 минут
[class] =>
[label_class] =>
[show_on] =>
[render_class] =>
[showlabel] => 1
[label_render_class] =>
[display] => 2
[layout] =>
[display_readonly] => 2
[content_filter] => 0
[filter_layout] =>
)
[initialized:protected] => 1
[separator] => .
)
[type] => text
[default_value] =>
[context] => com_content.article
[group_id] => 7
[label] => Время чтения
[description] =>
[required] => 0
[language_title] =>
[language_image] =>
[editor] =>
[access_level] => Public
[author_name] => verst Verstka
[group_title] => Время чтения
[group_access] => 1
[group_state] => 1
[group_note] =>
[value] =>
[rawvalue] =>
)
[2] => stdClass Object
(
[id] => 25
[title] => Показывать дату публикации?
[name] => pokazyvat-datu-publikatsii
[checked_out] => 0
[checked_out_time] => 0000-00-00 00:00:00
[note] =>
[state] => 1
[access] => 1
[created_time] => 2020-02-06 10:12:20
[created_user_id] => 44
[ordering] => 0
[language] => *
[fieldparams] => Joomla\Registry\Registry Object
(
[data:protected] => stdClass Object
(
[options] => stdClass Object
(
[options0] => stdClass Object
(
[name] => Показывать дату публикации
[value] => true
)
)
)
[initialized:protected] => 1
[separator] => .
)
[params] => Joomla\Registry\Registry Object
(
[data:protected] => stdClass Object
(
[hint] =>
[class] =>
[label_class] =>
[show_on] =>
[render_class] =>
[showlabel] => 1
[label_render_class] =>
[display] => 2
[layout] =>
[display_readonly] => 2
[content_filter] => 0
[filter_layout] =>
)
[initialized:protected] => 1
[separator] => .
)
[type] => checkboxes
[default_value] =>
[context] => com_content.article
[group_id] => 7
[label] => Показывать дату публикации?
[description] =>
[required] => 0
[language_title] =>
[language_image] =>
[editor] =>
[access_level] => Public
[author_name] => verst Verstka
[group_title] => Время чтения
[group_access] => 1
[group_state] => 1
[group_note] =>
[value] =>
[rawvalue] =>
)
)
[event] => stdClass Object
(
[afterDisplayTitle] =>
[beforeDisplayContent] =>
[afterDisplayContent] =>
)
)
В чём проблема?
Если быть точными, то проблем при посещении сайтов с мобильных устройств может быть несколько. Первая и самая заметная – некорректное отображение страниц. Это может проявляться в наслоениях текста или картинок друг на друга, некоторые элементы могут вообще остаться за пределами досягаемой зоны. Вторая, с которой обычно сталкиваются спустя некоторое время – недоступность некоторых функций или невозможность выполнить определенные действия (например, элементарно залогиниться или открыть выпадающее меню). Связано это в первую очередь с тем, что в работе классических версий сайтов используется широкий набор веб-инструментов (javascript, Flash, aspx и др.). Но далеко не все мобильные браузеры, даже самые продвинутые, умеют полноценно работать со всем этим добром.
Решение найдено
А точнее, решений существует несколько. К ним относятся мобильная версия сайта, адаптивный дизайн и пока менее распространённый RESS — Responsive Design + Server Side. Все они призваны улучшить совместимость сайта с мобильными браузерами и устройствами, добиться полноценного доступа к функционалу. Рассмотрим эти варианты подробнее.
Мобильная версия сайта
Это существующий наряду с обычной версией сайт, заточенный специально под смартфоны, планшеты и т.д. Как правило, пользователь автоматически перенаправляется на поддомен (зачастую что-то вроде m.siterus.ru), где и расположена мобильная версия. Невооруженным глазом заметны отличия таких версий от основных сайтов, однако удобство работы и корректное отображение информации того стоит. Разработчики обычно урезают функционал основного сайта до того уровня, который по их мнению будет необходим пользователю мобильной версии. И который будет нормально работать в мобильном браузере.
Преимущества мобильной версии сайта:
-
Для разработчиков – простота внесения изменений, ведь мобильная версия существует отдельно от основной.
-
Для пользователя – отсутствие излишнего функционала и графических изысков. Отсюда получаются еще пара плюсов: малый объём передаваемой информации (крайне важно при использовании 2G интернета, GPRS) и упрощённая структура (простота поиска необходимой информации).
- Всегда есть возможность, в случае необходимости, перейти на полную версию.
Однако есть и определенные недостатки. В частности, это необходимость внедрения пусть и простого, но другого адреса. Если при перенаправлении с основного ресурса на мобильную версию сайта информации там не окажется, то пользователю это может не понравиться. Но в целом, выгода от использования мобильной версии сайта очевидна.
Адаптивный дизайн
При таком подходе, как адаптивный дизайн, используется CSS3 MediaQueries. Говоря простыми словами, то в зависимости от диагонали экрана устройства пользователю показываются разные картинки. Верстка выполняется таким образом, чтобы картинка эта смотрелась на любом экране гармонично. Плюсы адаптивного дизайна: единый адрес, база данных, структура сайта, контент. Всё останется прежним, потребуется лишь некоторое редактирование CSS и HTML.
Минусы тоже есть. «Вес» сайта останется прежним, что может вызвать неудобства при медленном соединении с интернетом. Отсутствие возможности выбора, как в случае с мобильной версией сайта. Но самый значительный: останется большое количество функционала, который в 95% случаях просто не нужен пользователям мобильных устройств, да и просто может не поддерживаться мобильными браузерами.
Несмотря на всё, многие крупные компании отдают предпочтение именно адаптивному дизайну.
RESS
Этот способ подразумевает создание для различных устройств разных адаптированных шаблонов. То есть нам «подложат» тот, который лучше всего подойдёт. Один из лучших методов, но он достаточно сложен в реализации. Кстати, великий Google отдаёт предпочтение именно ему.
Примеры удачных мобильных версий сайтов
Среди отечественных сайтов есть очень удачные мобильные версии. К ним можно отнести m.vk.com, мобильную версию Вконтакте. Крайне удобна для пользования, быстро грузится и сохраняет значительную часть функциональности. Мобильная версия сайта Яндекса также отличается прекрасным юзабилити. А отличным примером адаптивного дизайна и RESS будут почти все продукты Гугла.
Прихоть или необходимость?
Само собой, создание мобильной версии сайта или адаптивного дизайна – просто необходимо в век мобильных устройств. Не исключено, что в скором будущем это станет неотъемлемым требованием сферы.
