11
Ошибки проектирования дизайна С точки зрения SEO-оптимизации Станислав Кравченко, 2016 г

Ошибки проектирования дизайна с точки зрения SEO-оптимизации

Embed Size (px)

Citation preview

Page 1: Ошибки проектирования дизайна с точки зрения SEO-оптимизации

Ошибки проектирования дизайна

С точки зрения SEO-оптимизации

Станислав Кравченко, 2016 г

Page 2: Ошибки проектирования дизайна с точки зрения SEO-оптимизации

SEO (Search engine optimization) или Поисковая оптимизация — комплекс мер по внутренней и внешней оптимизации, для поднятия позиций сайта в результатах выдачи поисковых систем по определенным запросам пользователей, с целью увеличения трафика (для инфоресурсов) и потенциальных клиентов (для коммерческих ресурсов) и последующей монетизации этого трафика.

Для чего его делают!

Что такое SEO?

Page 3: Ошибки проектирования дизайна с точки зрения SEO-оптимизации

Таких сайтов уже мало, но они все еще есть!Не стоит прорисовывать элементы анимации и движущихся элементов, а потом использовать для их реализации Flash или что-нибудь еще более тяжелое! В большинстве случаев для этого хватит HTML5 и Java-script.

Flash не удивляет

Устаревшие технологии

Page 4: Ошибки проектирования дизайна с точки зрения SEO-оптимизации

Основная информация должна быть на первом экране

Все сверху!

Page 5: Ошибки проектирования дизайна с точки зрения SEO-оптимизации

До 30% трафика на вашем сайте – это мобильный трафик. Поэтому стоит позаботится о корректно работающей мобильной версии сайта. И не повторять такие ошибки как: - Верстка страницы отображается ужасно, все блоки наезжают друг на друга. - Телефон на сайте не выделяется, его нельзя скопировать чтобы позвонить. - Корзина появляется во всплывающем окне, однако часть окна находится за пределами экрана мобильного устройства. - Страница слишком тяжелая - пользователи с медленным мобильным интернетом не могут прогрузить страницу

Адаптивная верстка наше все

Мобильный трафик

Page 6: Ошибки проектирования дизайна с точки зрения SEO-оптимизации

В противном случае

Page 7: Ошибки проектирования дизайна с точки зрения SEO-оптимизации

Не стоит забывать прорисовывать элементы разметки текста:- списки- заголовки уровня h1-h6- абзацыБез них посреди классного сайта, мы получим нечитабельный набор букв, из-за которого люди будут убегать.

Стили форматирования контента тоже нужны

Сайт классный, но читается плохо

Page 8: Ошибки проектирования дизайна с точки зрения SEO-оптимизации

Главная должна быть главной

Page 9: Ошибки проектирования дизайна с точки зрения SEO-оптимизации

Ooops! 404!

Page 10: Ошибки проектирования дизайна с точки зрения SEO-оптимизации

«хлебные крошки» - это хорошо!Breadcrumbs

Page 11: Ошибки проектирования дизайна с точки зрения SEO-оптимизации

Спасибо за внимание!

Станислав Кравченко, 2016 г

Станислав Кравченко

Сайт: weblinepromo.ru

E-mail: [email protected]

Facebook: https://www.facebook.com/dj.masterneo

VK: https://vk.com/dj_masterneo