Адаптивность для мобильников

ВC
На сайте с 02.02.2006
Offline
463
2870

Добрый день!

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

Скажите, на какую минимальную ширину экрана мобильника должен быть рассчитан  сайт?

(по меркам Яндекса и Гугла).

ULUD
На сайте с 06.07.2021
Offline
7
#1
в первую очередь ширина должна быть адаптивна... это говорит о том что она должна подстраиваться автоматически под разные экраны
own CPA network - https://ulud.com/
Nixenz
На сайте с 24.08.2021
Offline
25
#2
Владимир-C :

Добрый день!

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

Скажите, на какую минимальную ширину экрана мобильника должен быть рассчитан  сайт?

(по меркам Яндекса и Гугла).

Открываете в Хроме режим разработчика. Там заходите в вид, чтобы был "с телефона". Toggle Device Bar. Там можете выбирать разные устройства. Ставите и смотрите, чтобы не было скролла снизу страницы. Вправо-Лево. Если есть, то редактируете Стили.



Семантическое Ядро: https://semanticheskoe-yadro.ru
totamon
На сайте с 12.05.2007
Offline
437
#3
гугли, есть прекрасные библиотеки для адаптивных таблиц на яваскрипт, не нужно заморачиваться с разрешениями, все давно придумали, просто добавь на страницу))
Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
JS
На сайте с 19.11.2020
Offline
97
#4
Владимир-C :

Скажите, на какую минимальную ширину экрана мобильника должен быть рассчитан  сайт?

320 px

D.iK.iJ
На сайте с 26.05.2013
Offline
228
#5

Гугл проверяет где-то на 350, но делать надо под 320.

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

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
ВC
На сайте с 02.02.2006
Offline
463
#6
D.iK.iJ #:

Гугл проверяет где-то на 350, но делать надо под 320.

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

Спасибо, отстал я от жизни - не знал про эти способы.

А вариант с прокруткой таблицы поисковики нормально воспринимают, не считают его браком верстки?

D.iK.iJ
На сайте с 26.05.2013
Offline
228
#7

По моему опыту - нормально. Обычно больше волнуюсь, чтобы пользователи поняли.

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

Ну и всегда можно адаптировать каждую таблицу отдельно. Или поставить (как писали выше) библиотеку адаптивных таблиц на том же jquery.

E
На сайте с 23.10.2008
Offline
221
#8
D.iK.iJ #:

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

И прилетит новое нарушение - Слишком мелкий шрифт)

D.iK.iJ
На сайте с 26.05.2013
Offline
228
#9
eavy #:

И прилетит новое нарушение - Слишком мелкий шрифт)

12 - это минимум по шрифту. По крайней мере, в Яндексе. Гугл давно не смотрел, так как так обычно не делаю.

За 11 может прилететь. Но там тоже какой-то процент текста набрать нужно, видимо.

Gigabajt
На сайте с 04.10.2010
Offline
122
#10
Я, как веб-разраб, советую 320px минимум)
Лидогенерация в соц.сетях и контексте от 400 руб. за лид. Работаю с Telegram, Instagram, VK. Заказать услугу: https://impossible-studio.com

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий