Я, наконец, сделал свой сайт: steakovercooked.com удобным для мобильных устройств, и, таким образом, все веб-страницы на всех моих 6 доменах на данный момент подходят для мобильных устройств.
Удобство для мобильных устройств теперь является фактором ранжирования, например, поисковые системы Google, как правило, продвигают сайты, прошедшие тест на удобство для мобильных устройств.
удобный для мобильных устройств
Вот шаги, которые помогут сделать сайт удобным для мобильных устройств, также известный как адаптивный дизайн CSS.
Очистите встроенный CSS в тегах HTML
Встроенный CSS в тегах HTML — это плохо, так как они смешивают представление и HTML, например,
Стиль определяется непосредственно в HTML-теге div, который невозможно изменить с помощью внешних таблиц стилей.
Не используйте пиксели указанной/фиксированной ширины
Если вы определяете что-то вроде ширины: 900 пикселей, скорее всего, это не подходит для мобильных устройств. Вы можете заменить это процентом, например, 30%. Меньшие пиксели, скорее всего, не будут проблемой, например, значки хорошо подходят для небольших разрешений экрана. Только представьте, наименьшая ширина экрана составляет 300 пикселей (примерно), поэтому вы не хотите, чтобы какой-либо из ваших HTML-элементов был шире этого.
Поместите следующее внутри тега head
Изображения/таблицы хуже всего
Таблицы хуже всего подходят для адаптивного дизайна, поэтому вам может потребоваться заменить их простыми элементами div. Изображения должны быть указаны со следующим стилем максимальной ширины, например
Вот и все, никаких сложных вещей! Обратите внимание, что страница, удобная для мобильных устройств, — это не то же самое, что AMP (ускоренные мобильные страницы).