В 2011 году, крупнейшие поисковые системы договорились о внедрении новых инструментов: макро- и микроразметки документов. За макроразметку был призван отвечать новый стандарт HTML5, за микроразметку — microdata-форматы. Что это дает сайту? Вопрос неверный. Что это дает поисковым системам? Поисковым системам это дает понимание того, где у вас «шапка» сайта, а где «подвал»... где «навигация», а где «сайдбар».
Микроданные указывают не только на семантику данных: заголовок, текст, цена, картинка... цена какого товара, подпись к какой картинке, но и на их значение: состав блюда, характеристика товара, положительный отзыв или отрицательный, адрес компании.
Следующий вызов был брошен быстродействию и упрощению разметки. CSS3 закрыл вопросы с градиентами, закруглением углов, тенями. К слову сказать, все это ранее решалось элементами статичной графики, что по своей сути являлось бесполезным контентом. CSS3 дал возможность создавать анимацию без использования JS. Новые элементы стилей позволили избавиться в скриптах от примитивных вычислений: это четный или нечетный элемент... первый или последний. Теперь, все это решает разметка, стили и Ваш браузер. Да и по сути, CSS3 (CSS4) это уже не просто «каскадные таблицы стилей», а полноценный язык программирования.
Новые технологии делают сайт простым и понятным для поисковых систем, быстрым и функциональным — для пользователей. Новые технологии для сайта — не «удел избранных», это практические инструменты, повышающие юзабилити Вашего сайта.
HTML5 + CSS + microdata = френдли.