Верстка сайта: кроссбраузерная и адаптивная

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

Кроссбраузерная верстка — обеспечивает одинаковое отображение на всех браузерах.

Адаптивная верстка — подстраивается под смартфоны, планшеты и другие устройства.

Почему важна качественная верстка

Валидный (чистый, правильный) код важен для продвижения в ТОП поисковиков. Чтобы сайт хорошо выглядел на всех экранах, гаджетах, размерах, операционных системах, браузерах. Чтобы быстро загружался без сбоев в работе.

Адаптивность — инструмент, привлекающий решение клиента здесь и сейчас.

Каждый год доля мобильного трафика растет на 10%. В 2019 году составляет 40-60%. Сайт без мобильной версии теряет до 50% посещений из-за отсутствия показов в выдаче, а доля из зашедших закрывают неадаптивную страницу за 3 секунды.

Почему мобильные?

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

Легкость и доступность смартфонов напрямую влияет на мобильный поиск и покупки в интернете.

Телефон — более личное средство входа в интернет. Анонимность и защищенность провоцирует увеличение мобильного трафика и совершения конверсий.

Узнать наличие нужного товара на мобильной версии проще, чем объехать 5 магазинов. Узнают у тех, кто доступнее. А ещё проще оформить доставку лично в руки или в ближайшую удобную точку.