- •31 Перечень сокращений, условных обозначений, символов, единиц и терминов
- •Введение
- •Глава 1. Аналитический обзор Использования мобильных гаджетов для просмотра
- •Глава 2. Анализ технических возможностей и требования для создания мобильных сайтов
- •Глава 3. Исследование Методов и анализ технологий и технических возможностей создания мобильных сайтов
- •3.1.4. Примеры отдельного мобильного сайта
- •3.2. Адаптивный веб-дизайн
- •3.2.1. Использование и описание адаптивного дизайна
- •3.2.2. Преимущества адаптивного веб-дизайна
- •3.2.3. Недостатки адаптивного веб-дизайна
- •3.2.4. Примеры адаптивного веб-дизайна
- •3.3. Ress: Вывод разных html и css на одном url
- •3.3.1. Использование и описание технологии ress
- •3.3.2. Преимущества технологии ress
- •3.3.3. Недостатки технологии ress
- •Заключение
- •Библиографический список
- •Приложение
Глава 2. Анализ технических возможностей и требования для создания мобильных сайтов
Типы мобильных сайтов
Мобильная версия сайта идентичная основному сайту.
В данном случае создается мобильная версия сайта, которая полностью или частично соответствует структуре основного сайта.
Независимый мобильный сайт.
Это создание мобильного сайта со своим функционалом и структурой. Такой мобильный сайт обычно имеет сходное оформление с основным сайтом. Функционал мобильного сайта может быть более урезанным, чем на обычном сайте или же наоборот иметь дополнительные функции.
При разработке мобильной версии сайта специалистами Интернет-компании Вироса учитываются все правила создания такого типа сайтов:
Дизайн мобильной версии сайта создается с учетом оформления основного сайта и фирменного стиля. Для более быстрой загрузки элементы дизайна сайта создаются с максимально возможным сокращением их веса без потери качества;
Структура мобильного сайта разрабатывается таким образом, чтобы доступ к основным страницам сайта был как можно проще и посетитель сразу находил то, что ему нужно;
Элементы навигации мобильного сайта создаются крупными и удобными, а пространство на сайте остается как можно более разреженным для придачи сайту легкости и опрятного вида.
Преимущества создания мобильных сайтов
роапор
Мобильная версия сайта значительно удобнее просматривается на мобильных устройствах независимо от разрешения экрана и браузера;
Объем памяти, который занимает работа мобильной версия сайта, как правило, минимально, поэтому мобильный сайт загружается значительно быстрее обычного сайта;
Функционал мобильного сайта работает исправно, в отличии от функционала обычного сайта, просматриваемого на мобильном устройстве;
Наличие у мобильного сайта дополнительного функционала. Например, мгновенная отправка сообщений, геолокация и прочее;
Мобильная версия сайта адаптирована к управлению клавишами телефона и технологии тач-скрин;
Пользование мобильной версией сайта значительно экономит трафик и время.
Глава 3. Исследование Методов и анализ технологий и технических возможностей создания мобильных сайтов
3.1. Отдельный мобильный сайт
3.1.1. Использование и описание технологии отдельного мобильного сайта
Чтобы сделать сайт удобным для мобильных пользователей, некоторые веб-мастера создают отдельные сайты. Наиболее распространена история с перенаправлением мобильных пользователей на специальный поддомен (например, mobile.examplesite.com для examplesite.com ).
3.1.2. Преимущества отдельного мобильного сайта
• Проще вносить изменения в мобильные и обычные сайты: Изменения могут касаться только мобильной версии или только обычной версии.
• Быстрое время загрузки: Так как вы разрабатываете версию только для мобильных сайтов, вы можете ее упростить и оптимизировать специально для мобильных устройств.
• Легче ориентироваться: структура навигации и контента продуманы для задач, выполняемых мобильными пользователями.
3.1.3. Недостатки отдельного мобильного сайта
• Несколько адресов для каждой страницы: Расшаривание веб-страницы в социальных сетях становится проблемой, потому что мобильные пользователи будут делиться мобильным URL, в то время как обычные юзеры тоже могут нажать на ссылку и перейти на мобильную версию. Во избежание дублированного контента SEO-специалистам нужно использовать мета-теги rel=«alternative» и rel=«canonical». Кроме того, когда пользователь мобильного поиска Google кликнет по ссылке в результатах, он попадет на десктопную версию или перенаправлен на мобильную. Но если мобильная версия этой страницы не существует, он получит сообщение об ошибке.
• Различие в содержании и функциональных возможностях: создание отдельного мобильного сайта означает избавление от части содержания и функциональности, в результате чего получается совершенно другое пользовательское поведение. Кроме того, у вас может быть два различных набора контента, который может негативно сказаться на общей контентной стратегии.
• Требуются перенаправления: Мобильные пользователи должны быть перенаправлены на оптимизированную версию и наоборот. Редиректы добавляют ко время загрузки страницы. Они также могут иметь последствия для SEO вашего сайта.