Из чего состоит сайт

Из чего страница собрана

HTML5 — язык разметки, на котором описана структура страницы: где заголовок, где абзац, где таблица характеристик. Поисковик читает именно её, поэтому «красиво нарисовано картинкой» и «правильно размечено» — разные вещи.

CSS3 — отвечает за внешний вид: цвета, отступы, поведение на разной ширине экрана. Адаптивность каталога под телефон снабженца — это его работа.

Гиперссылка — кликабельный переход. Для поиска это ещё и сигнал: куда ссылается страница и каким текстом, тем она и считается связанной.

Фавикон — маленький значок сайта во вкладке. Мелочь, по которой человек находит вашу вкладку среди двадцати открытых при выборе поставщика.

Типографика — размеры, интервалы, длина строки. На технических текстах с характеристиками и допусками она решает, дочитают их или закроют.

Что оживляет страницу

jQuery — старая JavaScript-библиотека, которая упрощала работу с элементами страницы. Сейчас чаще обходятся без неё: браузеры умеют то же самое, а лишняя библиотека — лишний вес.

Bootstrap — готовый набор блоков и сеток для быстрой вёрстки. Экономит время, но делает сайты похожими друг на друга. Для завода, который хочет отличаться от конкурента, это минус.

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

Iframe — вставка чужой страницы внутрь своей: карта проезда, видео, калькулятор. Содержимое iframe поиск считает не вашим, поэтому важный текст туда не прячут.

Разметка ARIA — атрибуты доступности: они объясняют программе экранного доступа, что этот элемент кнопка, а тот вкладка. Для сайтов, участвующих в госзакупках, это ещё и требование.

Адреса и навигация

GET-параметр — часть адреса после знака вопроса, через которую передаются настройки: выбранный фильтр, номер страницы, метка рекламной кампании. Из-за них один товар может открываться по десяткам адресов.

Динамический URL — адрес, который собирается на лету и меняется в зависимости от параметров. Читается плохо и плодит дубли, поэтому каталог обычно переводят на человекопонятные адреса.

Идентификатор сессии — метка, по которой сервер узнаёт посетителя между кликами. Если она попадает в адрес страницы, поисковик получает бесконечное число копий одного каталога. Классическая причина вылета из индекса.

Пагинация — разбиение длинного каталога на страницы. Настраивают её ради двух вещей: чтобы поиск дошёл до товаров на десятой странице и чтобы не считал их дублями первой.

Циклические ссылки — когда страницы ссылаются друг на друга по кругу и робот ходит между ними вместо того, чтобы найти товары. На больших каталогах съедает лимит обхода.

Кроссплатформенность — способность сайта одинаково работать на разных устройствах и в разных браузерах. Проверять её нужно фактически: закупщик может открыть каталог на рабочем компьютере с устаревшим браузером.