SEO в дизайне — не миф.

Да, именно с дизайна начинается реализация проекта и уже при отрисовке макета дизайнеру следует заложить основу семантики и ускорить работу css мастера (верстальщика).
На этапах дизайна основой являются теги на которые в первую очередь обращает внимание робот ПС:

• заголовки H1,H2,H3…
• выделения strong, a, b, i
• списки ul li

Именно эти моменты я выделяю для себя при создании дизайна, есть и другие теги которые мы в дальнейшем возможно рассмотрим.

Структура заголовков в дизайне.

Общепринято, что 1 это 1, а 2 это 2, а так же мы знаем, что 1 вещь уникальные чем 2. Но это все лирика из которой очевидно что тег H1 по отношению к H2 имеет большее значение ( в нашем случае вес. Именно этот тег определит общую тематику раздела и будет являются основным заголовком. H2 разбивает основную часть на менее значимые разделы и так далее.

Схема построения заголовков в дизайне происходит по общей схеме:


Из примера мы видим, что теги вложены в порядке их важности, что и ожидаемо.

Размер имеет значение.

Дизайн+SEO в заголовке H1

Дизайн+SEO в заголовке H2

Дизайн+SEO в заголовке H3

На самом деле размер не имеет значение, Вы можете изменять размер ширифта в css как вам будет удобно в концепции дизайна, и перенаправлять значимость на нужные разделы.

Сопровождение заголовков в дизайне.

Хороший дизайн — это дизайн которого нет.

Хорошие слова о дизайне.
По большому счету описание служит для увеличения или разбавления плотности ключевых слов, под описанием можно понимать любой текст после заголовка. Особой важности в порядке использования strong, b,i нет, тег а и ul li имеет значение только для перелинковки страниц.

Напоследок хотелось бы сказать, что эти теги не только улучшают понимаемость вашего сайта роботом ПС, а также визуально представляют информацию для посетителей, собственно для последних Вы и создаете очередной СДЛ проект.