Ошибки проектирования дизайна с точки зрения...
TRANSCRIPT
![Page 1: Ошибки проектирования дизайна с точки зрения SEO-оптимизации](https://reader036.vdocuments.site/reader036/viewer/2022062503/58efe64b1a28ab761f8b4671/html5/thumbnails/1.jpg)
Ошибки проектирования дизайна
С точки зрения SEO-оптимизации
Станислав Кравченко, 2016 г
![Page 2: Ошибки проектирования дизайна с точки зрения SEO-оптимизации](https://reader036.vdocuments.site/reader036/viewer/2022062503/58efe64b1a28ab761f8b4671/html5/thumbnails/2.jpg)
SEO (Search engine optimization) или Поисковая оптимизация — комплекс мер по внутренней и внешней оптимизации, для поднятия позиций сайта в результатах выдачи поисковых систем по определенным запросам пользователей, с целью увеличения трафика (для инфоресурсов) и потенциальных клиентов (для коммерческих ресурсов) и последующей монетизации этого трафика.
Для чего его делают!
Что такое SEO?
![Page 3: Ошибки проектирования дизайна с точки зрения SEO-оптимизации](https://reader036.vdocuments.site/reader036/viewer/2022062503/58efe64b1a28ab761f8b4671/html5/thumbnails/3.jpg)
Таких сайтов уже мало, но они все еще есть!Не стоит прорисовывать элементы анимации и движущихся элементов, а потом использовать для их реализации Flash или что-нибудь еще более тяжелое! В большинстве случаев для этого хватит HTML5 и Java-script.
Flash не удивляет
Устаревшие технологии
![Page 4: Ошибки проектирования дизайна с точки зрения SEO-оптимизации](https://reader036.vdocuments.site/reader036/viewer/2022062503/58efe64b1a28ab761f8b4671/html5/thumbnails/4.jpg)
Основная информация должна быть на первом экране
Все сверху!
![Page 5: Ошибки проектирования дизайна с точки зрения SEO-оптимизации](https://reader036.vdocuments.site/reader036/viewer/2022062503/58efe64b1a28ab761f8b4671/html5/thumbnails/5.jpg)
До 30% трафика на вашем сайте – это мобильный трафик. Поэтому стоит позаботится о корректно работающей мобильной версии сайта. И не повторять такие ошибки как: - Верстка страницы отображается ужасно, все блоки наезжают друг на друга. - Телефон на сайте не выделяется, его нельзя скопировать чтобы позвонить. - Корзина появляется во всплывающем окне, однако часть окна находится за пределами экрана мобильного устройства. - Страница слишком тяжелая - пользователи с медленным мобильным интернетом не могут прогрузить страницу
Адаптивная верстка наше все
Мобильный трафик
![Page 6: Ошибки проектирования дизайна с точки зрения SEO-оптимизации](https://reader036.vdocuments.site/reader036/viewer/2022062503/58efe64b1a28ab761f8b4671/html5/thumbnails/6.jpg)
В противном случае
![Page 7: Ошибки проектирования дизайна с точки зрения SEO-оптимизации](https://reader036.vdocuments.site/reader036/viewer/2022062503/58efe64b1a28ab761f8b4671/html5/thumbnails/7.jpg)
Не стоит забывать прорисовывать элементы разметки текста:- списки- заголовки уровня h1-h6- абзацыБез них посреди классного сайта, мы получим нечитабельный набор букв, из-за которого люди будут убегать.
Стили форматирования контента тоже нужны
Сайт классный, но читается плохо
![Page 8: Ошибки проектирования дизайна с точки зрения SEO-оптимизации](https://reader036.vdocuments.site/reader036/viewer/2022062503/58efe64b1a28ab761f8b4671/html5/thumbnails/8.jpg)
Главная должна быть главной
![Page 9: Ошибки проектирования дизайна с точки зрения SEO-оптимизации](https://reader036.vdocuments.site/reader036/viewer/2022062503/58efe64b1a28ab761f8b4671/html5/thumbnails/9.jpg)
Ooops! 404!
![Page 10: Ошибки проектирования дизайна с точки зрения SEO-оптимизации](https://reader036.vdocuments.site/reader036/viewer/2022062503/58efe64b1a28ab761f8b4671/html5/thumbnails/10.jpg)
«хлебные крошки» - это хорошо!Breadcrumbs
![Page 11: Ошибки проектирования дизайна с точки зрения SEO-оптимизации](https://reader036.vdocuments.site/reader036/viewer/2022062503/58efe64b1a28ab761f8b4671/html5/thumbnails/11.jpg)
Спасибо за внимание!
Станислав Кравченко, 2016 г
Станислав Кравченко
Сайт: weblinepromo.ru
E-mail: [email protected]
Facebook: https://www.facebook.com/dj.masterneo
VK: https://vk.com/dj_masterneo