Немного мысленно порассуждал о расположении различных блоков страницы (меню, контент, строка поиска, пр.)…
Известно, что поисковики индексируют только часть страницы. Соответственно нужно стараться, чтоб важная и полезная информация была как можно ближе к началу страницы.
Для примера я взял страницу с такими блоками:
и довольно-таки распространённый вариант лайаута:
Далее я набрал HTML файл и раставил в нем блоки в той последовательности, которую я считаю наиболее логичной для решения поставленной задачи, а потом поигрался со стилями, дабы привести к требуемому виду.
Собственно вот сам файл-пример: layout-example.html , а вот тот же свёрстанный файл, но с активными стилями: layout-example-with-style.html
Помимо прочего такой вариант вёрстки решает ещё пару проблем:
Хотя, конечно, далеко не каждый дизайн можно не только причесать под эту гребёнку, но и использовать просто семантическую вёрстку…
P.S. Данные рассуждения не претендуют на инновационность… наверняка подобные решения существуют давно, но мне было интересно просто порассуждать на эту тему.
Известно, что поисковики индексируют только часть страницы. Соответственно нужно стараться, чтоб важная и полезная информация была как можно ближе к началу страницы.
Для примера я взял страницу с такими блоками:
- логотип;
- главное меню;
- колонка с доп. информацией;
- строка поиска;
- основной контент;
- футер
и довольно-таки распространённый вариант лайаута:
Далее я набрал HTML файл и раставил в нем блоки в той последовательности, которую я считаю наиболее логичной для решения поставленной задачи, а потом поигрался со стилями, дабы привести к требуемому виду.
Собственно вот сам файл-пример: layout-example.html , а вот тот же свёрстанный файл, но с активными стилями: layout-example-with-style.html
Помимо прочего такой вариант вёрстки решает ещё пару проблем:
- облегчает «чтение» страницы людям с нарушениями зрения и т.п., т.е. тем, кому сайт читает компьютер — чтение начинается непосредственно с контента, а всякие вспомогательные вещи остаются «на потом»;
- облегчат жизнь пользователям не графических браузеров.
Хотя, конечно, далеко не каждый дизайн можно не только причесать под эту гребёнку, но и использовать просто семантическую вёрстку…
P.S. Данные рассуждения не претендуют на инновационность… наверняка подобные решения существуют давно, но мне было интересно просто порассуждать на эту тему.