Idea Digital Agency
274
Блоги

SEO в стиле mobile-friendly

Исходя из статистики, 52% веб-траффика обеспечивается смартфонами, 4% планшетами и 43% приходится на декстопы. При этом доля первых выросла за 2017 год на 4%, а вторых и третьих – снизилась на 13% и 3% соответственно. Таким образом, современная подача контента предполагает непременную ориентацию на мобильного пользователя. Что же должна учитывать мобильная версия сайта?

Поделиться

В избранное

В избранном

1. Форма организации контента

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

2. Минимизация текстового контента

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

3. Обрезание графики и других тяжелых элементов

Сайты с адаптивным дизайном, а также с динамическим выводом содержимого отдают мобильным пользователям в точности тот же контент, что и использующим десктопы. При использовании же отдельного мобильного варианта сайта требование к минимизации контента распространяются в том числе и на нетекстовую информацию. Ограничения распространяются на графику, flash-объекты, видео, которые съедают траффик и загружают вычислительную мощность мобильного устройства.

4. Линки на основной сайт

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

5. Не быть навязчивой

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

6. Меньше скроллинга

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

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

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

Материал: ideadigital.agency

{ "author_name": "Idea Digital Agency", "author_type": "self", "tags": [], "comments": 6, "likes": 2, "favorites": 6, "is_advertisement": false, "section_name": "blog", "id": "35947", "is_wide": "" }
{ "is_needs_advanced_access": false }

Комментарии Комм.

Популярные

По порядку

0

Прямой эфир

Подписаться на push-уведомления
[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } } ]