Download - Usability и SEO. Юрий Грановский
![Page 1: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/1.jpg)
Юзабилити и SEO
Юрий Грановский
![Page 2: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/2.jpg)
Чего хочет Google: Чтобы Ваш сайт
был удобным
Чтобы Ваш сайт был полезным
В чём же проблема?
Что имеем на самом деле: Абсолютно
неудобные
… и практически бесполезные сайты
![Page 3: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/3.jpg)
- Вы - юзабилити-специалист, и к Вам попал «оптимизированный» сайт? Не расстраивайтесь! Всё не так уж плохо.
- Вы молодой и энергичный SEO-специалист? Вам нужны ТОПы? Не спешите «улучшать» сайт.
Что делать?
![Page 4: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/4.jpg)
Тексты, тексты, тексты…
- Мы продаём товары и услуги, а не текст
- … но тексты занимают всю видимую область экрана
- Это заставляет пользователей выискивать товарные предложения
- … и постоянно скроллить
![Page 5: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/5.jpg)
Тексты. Решение
― Отображать все SEO-тексты в самом низу страниц
![Page 6: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/6.jpg)
Семантический ад
«Ввиду серьезности, к вопросу выбора бронедвери следует подойти основательно. Прежде всего, нужно очень внимательно рассмотреть, предлагаемые бронедвери киев.» ©
![Page 7: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/7.jpg)
Семантический ад. Решение
― Прятать тексты под скрипт
![Page 8: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/8.jpg)
- Тяжело сосредоточиться
- Невозможно быстро прочитать текст
- Со временем начинает жутко раздражать
Бесполезные выделения
![Page 9: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/9.jpg)
Бесполезные выделения. Решение
― Выделять действительно важную информацию (ключевые по смыслу фразы)
![Page 10: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/10.jpg)
Дублирующие заголовки h1, h2, …
- Нерациональное использование элементов разметки контента
- Просто глупо выглядит
![Page 11: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/11.jpg)
Дублирующие заголовки. Решение
― Используйте заголовки по назначению
― Визуально отделяйте заголовки друг от друга
![Page 12: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/12.jpg)
Облако тегов
- Расходует драгоценную площадь
- Зря вовлекает
- Непонятно, что станет результатом клика
- Бесполезно как для поисковой оптимизации,
- …так и (зачастую) для пользователей
![Page 13: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/13.jpg)
Облако тегов. Решение
― Если Ваш сайт не является блогом, просто откажитесь от облака тегов
― … отобразите вместо него что-то действительно полезное
![Page 14: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/14.jpg)
Боооооооольшие ссылки
- Подчёркнутый текст очень тяжело читать
- Текст ссылки неудобно выделять
- Если ссылка неподчёркнута, то при попытке выделения вас ждёт большой сюрприз
![Page 15: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/15.jpg)
― Ссылкой должен быть заголовок статьи
― … и/или ключевая фраза в описании
Большие ссылки. Решение
![Page 16: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/16.jpg)
И вашим и нашим
![Page 17: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/17.jpg)
ЧПУ
- Дополнительный способ определить своё месторасположение
- Дополнительный инструмент перемещения по разделам
- Легче запоминаются
- Просто приятнее выглядят
http://www.artlebedev.ru/kovodstvo/sections/48/
- Возможность вставить ключевые запросы в URL
- Дополнительная любовь со стороны поисковых систем
vs.http://sharks.com.ua/index.php?product_slug=10259&productID=10259&ukey=discuss_product
![Page 18: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/18.jpg)
Информативный заголовок страницы (<title>)
Даёт понимание о:
- Содержимом текущей страницы
- Созданной закладке
- Содержимом свёрнутого окна (или неактивной вкладки)
- Для поискового робота это самые важные 65 символов
vs.
![Page 19: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/19.jpg)
Информативный текст ссылки
vs.
- Очевидный результат перехода
- Поисковая система отождествляет текст ссылки с содержимым страницы
![Page 20: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/20.jpg)
Альтернативный текст (<alt>)
- Как возможность попасть в результаты поиска изображений
- Участвует в ранжировании, если картинка является ссылкой
- Говорит о содержимом, если изображение недоступно
- Дополнительная подсказка, если содержимое тяжело определить
![Page 21: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/21.jpg)
Уникальные тексты (обзоры, статьи)
- Улучшаются позиции по низкочастотным запросам
- Естественное увеличение ссылочной массы
- Даёт понимание о ценности товара
- Говорит о вариантах использования
- Для обычных людей потреблять словесную информацию проще, чем массивы цифр
![Page 22: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/22.jpg)
Говорите с пользователями на одном языке
- Что пользователи ищут, то им и предлагаем
- Понятно, о чём вообще идёт речь
Микроволновка vs. СВЧ
![Page 23: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/23.jpg)
![Page 24: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/24.jpg)
Четыре ноль четыре
- Где я?
- Почему я тут?
- А выйти от сюда как?
- … и куда пойти?
- Google получает корректный заголовок
![Page 25: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/25.jpg)
Оптимизируйте и проектируйте
Лучше это сделать до, чем после
![Page 26: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/26.jpg)
Web 2.0, но в меру
Подумайте, как это будет индексироваться
![Page 27: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/27.jpg)
SEO-текстам – быть!
Поверьте, они всё равно будут
Если вы не предусмотрите место под текст, SEO-
специалисты сделают это за вас
![Page 28: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/28.jpg)
Хорошо продумайте иерархию и навигацию
Значимый контент должен располагаться на расстоянии
1го-2х кликов
Не прячьте контент
![Page 29: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/29.jpg)
Так что же делать?
![Page 30: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/30.jpg)
Оптимизаторы,
- Сотрудничайте с юзабилити-специалистами и контент-менеджерами
- … или хотя бы со здравым смыслом
- Помните, что топ - это не цель, а один из способов её достижения
![Page 31: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/31.jpg)
Юзабилисты,
- Не всё так плохо
- От негативных последствий оптимизации никуда не деться
- …, но вы можете их минимизировать!
![Page 32: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/32.jpg)
- Поисковая оптимизация начинается именно с вас
- Сотрудничайте с SEO-специалистами
- Изучайте принципы работы поисковых систем
Проектировщики,
![Page 33: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/33.jpg)
Заказчики,
- Ищите подрядчиков с комплексным подходом
- …и хорошим портфолио
![Page 34: Usability и SEO. Юрий Грановский](https://reader033.vdocuments.pub/reader033/viewer/2022042614/557f029ad8b42af44a8b4ef4/html5/thumbnails/34.jpg)
Юрий Грановский+380 93 [email protected]