Похоже, о HTML 5 с каждым днем говорят все больше и больше по мере того, как работа над ним приближается к завершению. Наиболее часто поднимаются вопросы о том, что же такое HTML 5 и какое влияние он окажет на SEO. Не важно, нравится нам это или нет, но рано или поздно HTML 5 придет на замену нынешней версии HTML и нам в любом случае придется им пользоваться. И оптимизировать свои сайты под него соответствующим образом – если, конечно, мы и дальше хотим оставаться в списке лучших. Возможно вам и не хочется это слышать, но отказываясь от будущего HTML 5 вы, вместе с ним, отказываетесь и от лучших средств SEO-оптимизации.

Для настройки новых поисковых алгоритмов, Яндекс теперь предлагает всем владельцам сайтов сообщать о появлении уникального контента. В раздели помощи для вебмастеров появилось следующее: «Мы будем знать, что оригинальный текст впервые появился именно на вашем сайте, и попробуем использовать это в настройке поисковых алгоритмов».

Наверное, все сталкивались с проблемой, когда в блоке фиксированной ширины нужно было поместить длинную фразу, например ссылку. В результате чего, этот блок начинал разъезжаться по ширине этой фразы, либо фраза вылезала за границу блока. Многие поступают неправильно – скрывают такой контент свойством overflow:hidden, грубо говоря, отрезается лишняя часть фразы, что делает ее нечитабельной.

“Зато не портит дизайн!”, – скажите Вы. Не нужно торопиться с использованием overflow:hidden, ведь существует такое замечательное свойство в CSS как word-wrap. Оно “обертывает” фразу в рамках ширины блока, разбивая ее на строки.

С помощью CSS можно задать различные свойства практически для любого элемента страницы, в том числе и для изображений. Ведь изображение это стандартный DOM элемент. Если на вашем сайте загружаются большие изображения, то во время их загрузки, пользователь видит пустое место, что не очень-то привлекательно.

Эту проблему можно решить с помощью CSS и небольшого файла GIF, с анимацией загрузки. Все, что для этого нужно – задать для больших изображений фон с GIF файлом

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

Соответственно, время загрузки страницы зависит от числа этих запросов, т.к. на каждый из них тратится не одинаковое количество времени. Поэтому, сократив количество HTTP запросов, мы тем самым, увеличим скорость загрузки страницы.

Хотелось бы отметить, что большая часть информации для этой статьи почерпнута мной из книги Джереми Кейта “HTML5 для веб-дизайнеров”, с которой рекомендую ознакомиться и вам.

К сожалению, многое из того, о чем мы поговорим сейчас, еще не поддерживается браузерами. Что-то будет реализовано очень скоро, а что-то – не очень. Тем не менее, я считаю, что всегда очень важно разбираться во всех аспектах и смотреть в будущее.

У сайта Five Simple Steps простой интуитивный дизайн с интересной особенностью: если сузить окно браузера, верхнее правое меню из обычного горизонтального превращается в выпадающее.

Когда вы просматриваете сайт на небольшом экране (например, на iPhone, как на скриншоте) и кликаете по выпадающему меню, вы видите интерфейс, в котором пункты набраны крупным шрифтом и их удобно выбирать. Вот бы здорово это смотрелось и на сайте фирмы, изготавливающей пластиковые окна.

Конечно, в таком выпадающем меню легче выбрать, куда перейти, чем в обычном меню с рядом крошечных ссылок, хоть это и два клика вместо одного (кстати, …